原生js循环展示dom_复习Js:

(谢谢观赏)

为什么学习 JavaScript（作用）：

1、html+css 只是可以实现静态的页面无法实现动态的效
果
2、表单的校验
3、背景图片的更换
4、操作节点的信息

JavaScript 的概念：

JavaScript 一种直译式脚本语言，是一种动态类型、弱类型、
基于原型的语言，内置支持类型

JavaScript 组成：

ECMAScript：JavaScript的核心
文档对象模型（DOM）：DOM（文档对象模型）是 HTML 和XML 的应用程序接口（API）。
DOM 将把整个页面规划成由节点层级构成的文档浏览器对象模型（BOM）对浏览器窗口进行访问和操作！

JavaScript 语言的特点：

1.脚本语言.
脚本语言是一种简单的程序，是由一些ASCII字符构
成，可以使用任何一种文本编辑器编写。一些程序
语言（如C、C++、Java等）都必须经过编译，将源
代码编译成二进制的可执行文件之后才能运行，而
脚本语言不需要事先编译，只要有一个与其相适应
的解释器就可以执行。
脚本语言是指在web浏览器内有解释器解释执行的
编程语言，每次运行程序的时候，解释器会把程序
代码翻译成可执行的格式。

2、基于对象的语言：

面向对象有三大特点（封装，继承，多态）缺一不
可。
通常“基于对象”是使用对象，但是无法利用现有的
对象模板产生新的对象类型，也就是说“基于对象”
没有继承的特点。没有了继承的概念也就无从谈论
“多态”

3. 事件驱动：

在网页中执行了某种操作的动作，被称为“事
件”(Event)，比如按下鼠标、移动窗口、选择菜单
等都可以视为事件。当事件发生后，可能会引起相
应的事件响应。

4、简单性：

变量类型是采用弱类型，并未使用严格的数据类型。
var a,b,c; a=123; b=“abc”; a=b;

5、安全性：

JavaScript不能访问本地的硬盘，不能将数据存入
到服务器上，不能对网络文档进行修改和删除，只
能通过浏览器实现信息浏览或动态交互

6、跨平台性：

JavaScript依赖于浏览器本身，与操作平台无关，只要计算机安装了支持JavaScript 的浏览器（装有JavaScript解释器），JavaScript 程序就可以正
确执行。
缺点：
各种浏览器支持JavaScript的程度是不一样的，支持和不完全支持JavaScript的 浏览器在浏览同一个带有JavaScript脚本的网页时，效果会有一定的
差距，有时甚至会显示不出来。

Js 的引入方式：

<!—[1]JS 引入的方式一--> 
<script type="text/javascript">
 /*网页中的弹框*/
 alert("js 的学习课程");
</script>
<!--[2]js引入的方式二 type:引入文件的类型 src： 
引入文件的路径 charset:指定引入的编码--> 
<!--注意：引入js 的时候千万不要二合一-->
<script type="text/javascript"
src="js/test.js" charset="UTF-8" ></script>

js 中的变量：

【1】JS中变量的声明：
 var 变量名=值；
【2】JS中变量的使用注意的事项：
A、js中的变量的名称和java中标识符的命名保持一致就可
以了。
B、js中变量名称是可以重复的，但是后者的名称会把前者
的名称值覆盖
C、js中末尾即使没有分号结束也是可以的，但是不推荐大
家这样书写。

JS 中的数据类型：

基本数据类型：
number（数字类型的数据）
string（字符串类型）
boolean（布尔数据类型）
object（对象类型）
JS 中特殊数据类型
undefined(未定义)
 NaN(不是一个数字) not a number
 null(空对象)

JS 中的运算符：

算数运算符：
+ - * / % ++ --
逻辑运算符 ：
& | ! && || ^ < > ＜＝ 
＝ ！＝
连接符：
＋
特殊运算符：
(==)等值符
先比较类型 如果类型一致，在比较内容如果类型不一
致，这时候会进行强制转换统一转number类型，然后再进行
内容的比较
(===)等同符：
先比较类型 如果类型一致，在比较内容如果类型不一
致 直接返回false；

控制语句：

条件语句
 if(){}
 if(){}else{}
 if(){}else if(){} else if()...else{}
分支语句（选择语句）
switch(){
case value: break;
 default: break;
}

循环语句：

while(){}
至少执行一次循环体
do{}while()
for(var i =0 ； i<10;i++){}

JS 中函数的声明：

函数声明的三种形式
（1） function 函数名（）{
 函数体
}
(2) var 函数名=function(){
 函数体
}
(3) var 函数名=new Function("函数体")；
函数参数传递
 在js中实参的个数和形参的个数可以不一致
函数的返回值
如果函数没有return 这时候返回 undefined
 ():函数执行符

常用对象 ：

Date 日期对象
//本月中的第几天
document.write(date.getDate()+"<br />");
//本星期的第几天
document.write(date.getDay()+"<br />");
//返回的月份 0-11 
document.write(date.getMonth()+"<br />");
//返回的是1900年到现在年份的差值2018-1900
document.write(date.getYear()+"<br />");
//返回全年2018
document.write(date.getFullYear()+"<br />");
//2018/6/22 下午12:17:14:返回本地的时间
document.write(date.toLocaleString()+"<br />");
Math 对象学习
//获得随机数
//随机数范围是0-1
var ran=Math.random()*1000;

String 对象学习：

var a="b-j-s-x-t";
var b=new String("bjsxt");
//获得下标为2的内容
document.write(b.charAt(2)+"<br />");
//2 :获得下标
document.write(b.indexOf("sxt")+"<br />");
//字符串截取 开始下标 截取长度
document.write(b.substr(2,3)+"<br />");
// 截取开始的长度
document.write(b.substr(1)+"<br />");
//字符串截取 开始下标 结束的下标
document.write(b.substring(2,3)+"<br />");
//开始下标
document.write(b.substr(2)+"<br />");
//字符串截取的方法
document.write(a.split("-"));
Global 对象
var a=1;
var b="var c=1+1";
document.write(a+"<br />");
document.write(b+"<br />");
//把字符串转成可以执行的js的代码
eval(b);
document.write(c+"<br />");
var d="123a";
Number(d);//NAN
// 检查某个值是否是数字。
document.write(isNaN(d));