JavaScript_Chapter1


文档名:first.js

document.write("你好,今天天气凉爽");


文档名:js_demo1.js

  /*1.定义js的变量语法:
     var js变量名 = 赋值;
  * 2.js的数据类型有:
  *   string 字符串
  *     undefined 定义了js变量,但没有赋值时的数据类型
  *     object 定义的js变量赋值了null值/数组
  *          number 定义的js变量,数值是整型/浮点型
  *          boolean 定义的js变量,变量值是true/false
  * 3.使用typeof(js变量)关键字查看当前js变量值的数据类型;
  * 4.console.log(""); //在前台控制台显示
  * */
var name = "张三";
var num1;
var num2 = null;
var num3 = 10;
var num4 = 1.01;
var bool = false;

//定义数组 方式一
//注意: Array() 数组是js提供的,直接拿来使用的,术语词叫 内置对象;
var arrs = new Array();
arrs[0] = "红灯";
arrs[1] = "黄灯";
arrs[2] = "绿灯";
//定义数组方式二
var arrs1 = new Array("春","夏","秋","冬");

//定义数组方式三
var arrs2 = [11,22,33,44,55];

/*前台控制台显示*/
console.log("name的值是:"+name);
console.log(name+"的数据类型是:"+typeof(name));
console.log("num1的值是:"+num1);
console.log(num1+"的数据类型是:"+typeof(num1));
console.log("num2的值是:"+num2);
console.log(num2+"的数据类型是:"+typeof(num2));
console.log("num3的值是:"+num3);
console.log(num3+"的数据类型是:"+typeof(num3));
console.log("num4的值是:"+num4);
console.log(num4+"的数据类型是:"+typeof(num4));
console.log("bool的值是:"+bool);
console.log(bool+"的数据类型是:"+typeof(bool));

console.log("arrs的值是:"+arrs);
console.log(arrs+"的数据类型是:"+typeof(arrs));

console.log("arrs1的值是:"+arrs1);
console.log(arrs1+"的数据类型是:"+typeof(arrs1));

console.log("arrs2的值是:"+arrs2);
console.log(arrs2+"的数据类型是:"+typeof(arrs2));


文件名:first.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>定义外部js引用</title>
</head>
<body>
</body>
<!--引用外部js文件-->
<script type="text/javascript" src="js/first.js"></script>
</html>


index.html

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>初识JavaScript</title>
</head>

<body>
<!--html注释-->
document.write("你好,今天天气不错");
document.write("<h2>你好,今天天气不错</h2>");
<br /><br />
<!--定义行内js效果
onclick: 点击事件
alert:弹框
-->
<button onclick="javascript:alert('你好,Js!!!');">普通按钮,点击弹框</button>
</body>
<!-- 书写js的编写方式: 内部定义 -->
<script type="text/javascript">
/*js语句(多行注释)*/
//js的单行注释
//向网页(客户端)中写内容   (先写注释说明下面写的代码什么意思,后写代码。)
document.write("你好,今天天气不错");
document.write("<h2 style='color: green;'>你好,今天天气不错</h2>");
</script>
</html>


js_demo1.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js的核心语法_运算符之恒等</title>
</head>
<body>
</body>
<script>
  var num1 = 10;
  var num2 = "10";
  /**
  * == 比较值是否相等
  * === 比较值和对应的数据类型一起是否相等
  */
  console.log(num1===num2);
</script>
</html>


js_demo2.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js的核心语法</title>
</head>
<body>
</body>
<script src="js/js_demo1.js"></script>
</html>


js_demo3.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js的核心语法_控制语句</title>
<style>
body{
color: green;
}
</style>
</head>
<body>
</body>
<script type="text/javascript">
var str = "";
for(var i = 1;i<=9; i++){
for(var j = 1; j<=i; j++){
str += j+"*"+i+"="+(i*j)+"&nbsp;&nbsp;";
/*str += j+"*"+i+"="+(i*j)+"\t";*/
}
/*str += "\n";*/
str += "<br/>";
}

console.log(str);
document.write(str);
</script>
</html>


js_task1.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>统计字符串的个数(包含a或者A的个数)</title>
</head>
<body>
</body>
<script type="text/javascript">
// console.log("mm".indexOf("A"));
/* Amma Baa Caac Dewq */
var strs = ["Amma","Baa","CSssc","Dewq"];
document.write("<h2>以下字符中:</h2>");
//定义js变量,用来累计包含a或者A的字符串个数
var count = 0;
//循环遍历strs
for(var i = 0; i<strs.length; i++){
document.write(strs[i]+"<br/>");
if(strs[i].indexOf("A")!=-1 || strs[i].indexOf("a")!=-1){
//累计包含a或者A的字符串个数
count++;
}
}
document.write("包含'a'或者'A'的个数有:"+count);
//弹框显示
//alert 警告框
window.alert("包含'a'或者'A'的个数有:"+count);
</script>
</html>


js_task2.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>统计字符串的个数(包含a或者A的个数)</title>
</head>
<body>
<button onclick="cal();" on>计算四则运算符</button>
</body>
<script type="text/javascript">
/**
* 定义函数语法:
* function 函数名(){
* //js语法
* }
* 调用函数语法: 事件名称 = 函数名();
* js的常用事件名称:
* onclick 单击事件
* onchange 改变事件
* onload 页面加载事件
* ...
* 注:页面中所有的值都是string类型
*/
function cal(){
//window.alert("1111");
//提示框
var num1 = window.prompt("请输入一个参数");
//alert(num1+","+typeof(num1));
var num2 = window.prompt("请输入另一个参数");
var oper = window.prompt("请输入一个操作数:(+ - * /)");
/*
* 系统函数 parseInt() : 将字符串的数值类型转换成int整型
* parseFloat() : 将字符串的数值类型转换成 浮点型
*
*/
var result = 0;
//使用switch选择结构 判断当前四则运算符号
switch(oper){
case "+":
result = parseInt(num1) + parseInt(num2);
break;
case "-":
result = parseInt(num1) - parseInt(num2);
break;
case "*":
result = parseInt(num1) * parseInt(num2);
break;
case "/":
result = parseInt(num1) / parseInt(num2);
break;

}
alert(result);
}
</script>
</html>


hello.html    --->浏览器端设置断点找错误

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>根据时间问好</title>
<script type="text/javascript">
var myHour=prompt("请输入当前的小时数:","");
if(hour>6&&hour<13){
document.write("<h2>上午好!欢迎来到贵美</h2>");
for(var i=0;i<hour;i++){
document.write("<img src="data:images/smile.gif">");
}
}
else if(hour<12&&hour>21){
document.write("<h2>下午好!欢迎来到贵美</h2>");
for(var j=0;j<hour;j--){
document.write("<img src='images/aftermoon.gif'>");
}
}
else{
document.write("<h2>夜深了,该休息了!</h2>");
for(var k=0,k<hour,k++){
document.write("<img src='images/moon.gif'>");
}
}
</script>
</head>

<body>
</body>
</html>


课程默写:

1.JavaScript: 是基于对象和事件驱动,具有安全性的一门浏览器脚本语言,也是一门弱类型语言,
简称js,js语法和Java类似,是一门解释性语言,属于边执行边解释的;

2.网页结构组成
Html CSS JavaScript
结构 样式 行为

3.JavaScript组成部分
ECMAScript : js的前身
BOM : 浏览器对象模型
DOM : 文档对象模型

4.使用js基本结构以及使用方式
//行内js定义
<button onclick="javascript:alert('你好,Js!!!');">普通按钮,点击弹框</button>

//内部js定义
<script type="text/javascript">
<!--js语句-->
</script>

//外部js定义
<!--引用外部js文件-->
<script type="text/javascript" src="js/first.js"></script>

5.js的核心语法
变量
数据类型
运算符
数组
控制语句
输入/输出
注释
语法规定

6.js的函数分: 系统函数 、自定义函数
定义函数语法:
function 函数名(){
//js语法
}
调用函数语法: 事件名称 = 函数名();

7.js的调试
编译错误
逻辑错误


就业默写:限时做事。10min写完一个代码,和写数学题一样,有思路就好办。()时间做完()事情。

《Web前端技术-就业技能》

章节      Cho1-初识HTML
题目1)什么是HTML?
HTML是用来描述网页的一种语言。
HTML指的是超文本标记语言(Hyper Text Markup Language)
HTML不是一种编程语言,而是一种标记语言(markup language)
标记语言是一套标记标签(markup tag)
HTML使用标记标签来描述网页

题目2)XHTML和HTML有什么区别?
HTML是一种基本的WEB网页设计语言, XHTML是一个基于XMI的置标语言最主要的不同XHTML元素必须被正确地嵌套。
XHTML元素必须被关闭标签名必须用小写字母XHTMI文档必须拥有根元素

题目3)什么是W3C?W3C标准包括哪些内容?
(1)World Wide Web Consortium (万维网联盟)成立于1994年, Web技术领域最权威利具影响力的国际中立性技术标准机构
(2)包括结构化标准语言(XHTML 、XML)表现标准语言(CSS)行为标准(DOM
ECMAScript)
题目4)HTML5有哪些新特性,移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?
HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,多任务等功能的增加.
绘画canvas
用于媒介回放的video和audio元素
本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失;
sessionstorage的数据在浏览器关闭后自动删除
语意化更好的内容元素,比如article,footer,header,nav,section表单控件: calendar,date,time,email,url,search
新的技术webworker,websocktGeolocation
移除的元素
纯表现的元素: basefont,big,center,font,s,strike,tt,u;
对可用性产生负面影响的元素: frame,frameset,noframes;
支持HTML5新标签:
IE8/IE7/IE6支持通过document,createElement方法产生的标签,可以利用这一特性让这些浏览器支持HTML5新标签,浏览器支持新标签后,还需要添加标签默认的样式。
题目5)HTML5为什么只需要写! DOCTYPE HTML?
HTML不基于SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行);而HTML4.01基于SGMA,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。

20190908write from memory的更多相关文章

  1. 【NX二次开发】NX内部函数,libugui.dll文件中的内部函数

    本文分为两部分:"带参数的函数"和 "带修饰的函数". 浏览这篇博客前请先阅读: [NX二次开发]NX内部函数,查找内部函数的方法 带参数的函数: bool A ...

  2. Java 堆内存与栈内存异同(Java Heap Memory vs Stack Memory Difference)

    --reference Java Heap Memory vs Stack Memory Difference 在数据结构中,堆和栈可以说是两种最基础的数据结构,而Java中的栈内存空间和堆内存空间有 ...

  3. 笔记:Memory Notification: Library Cache Object loaded into SGA

    笔记:Memory Notification: Library Cache Object loaded into SGA在警告日志中发现一些这样的警告信息:Mon Nov 21 14:24:22 20 ...

  4. 浅析java内存模型--JMM(Java Memory Model)

    在并发编程中,多个线程之间采取什么机制进行通信(信息交换),什么机制进行数据的同步? 在Java语言中,采用的是共享内存模型来实现多线程之间的信息交换和数据同步的. 线程之间通过共享程序公共的状态,通 ...

  5. mysqld: Out of memory 解决办法(mysql)

    自己配置的XWAMP环境,默认下没有详细配置mysql的my.ini,一方面不同服务器的配置不一样,另一方面按照默认为空的方式也一直没有出现过问题.不过最近服务器挂掉了,出现的症状是: 网站不能打开, ...

  6. 【译】Getting Physical With Memory

    当我们试图去了解复杂系统时,去除其抽象层,直接关注最底层,我们会更容易去理解.使用这种方法,我们来看一下内存和 I/O 接口的最简单和基础的层:处理器和总线的接口.这些细节是更上层问题的基础,例如线程 ...

  7. 使用ANTS Performance Profiler&ANTS Memory Profiler工具分析IIS进程内存和CPU占用过高问题

    一.前言 最近一段时间,网站经常出现两个问题: 1.内存占用率一点点增高,直到将服务器内存占满. 2.访问某个页面时,页面响应过慢,CPU居高不下. 初步判断内存一点点增多可能是因为有未释放的资源一直 ...

  8. Android中基于CGroup的memory子系统HAL层分析-lmkd

    Android在内存管理上于Linux有些小的区别,其中一个就是引入了lowmemorykiller.从lowmemorykiller.c位于drivers/staging/android也可知道,属 ...

  9. Automated Memory Analysis

    catalogue . 静态分析.动态分析.内存镜像分析对比 . Memory Analysis Approach . volatility: An advanced memory forensics ...

随机推荐

  1. spring cloud 面试题总结

    前言,随着分布式的时代到来,现在微服务越来越火了,Spring Cloud已经成为一个面试必问的考点,下面我们就Cloud这一些列的组件来一个入门到面试的过程.开篇前,先让大家看几个常见的Spring ...

  2. vue学习之深入响应式原理

    vue的响应式原理 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全 ...

  3. find 小案例

    说明:前几天对生产环境的一些重要数据进行备份时用到了find,查找特定符合条件的文件名后拷贝至指定目录,但是只拷贝了部分匹配到的文件 小案例模拟还原: [root@centos- ~]# ll /te ...

  4. 学习笔记48_Memcache跟用户登录模块结合

    public interface ICacheWriter {  void AddCache(string key,object value, DateTime expDate);  void Add ...

  5. 求矩阵最少(或最多)路径和(python实现)

    1.递归方式 求最短,最终状态即右下角 f(v, i, j) = min(f(v, i - 1, j), f(v, i, j - 1)) + v[i][j] 最长只需将min改为max即可 impor ...

  6. P1041 传染病控制(noip2003)(搜索)

    呃呃呃...真的是惨烈啊... 今天的模拟赛是真的惨..... 本题,正解居然是搜索!!!!!! 蒟蒻自己歪歪了一个貌似是正解但是却连一半都没过的错解. 先解释一下自己的dp思路把. $f[i][u] ...

  7. 获取tomcat的deploy路径(用于存放用户上传的文件,如果不放在这会出现图片不能及时加载出来的问题!)

    String path =request.getSession().getServletContext().getRealPath("/“);

  8. 算法编程题积累(1)——网易笔试"工程师工作安排“问题

    首先理解题目意思:每个人只能做工作序号表里的一件工作且两个人不能同时做一件工作.AC思路:采用暴力枚举每种可能的分配方案,子问题的解决逐步向上解决了母问题,最终原问题得解. 标程作者:NotDeep( ...

  9. linux 设置固定ip和dns

    目录 1. centos 1.1 ifconfig 查看网卡名称 1.2 设置固定ip和dns 1.3 重启网络 2. ubuntu 2.1 ifconfig 查看网卡名称 2.2 设置固定ip和dn ...

  10. docker——数据卷volume:文件共享

    volume——如何让容器中的一个目录与宿主机的一个目录进行绑定,实现容器与宿主机之间的文件共享? 数据卷volume功能特性 数据卷:是一个可供一个或多个容器使用的特殊目录,实现让容器中的一个目录和 ...