JavaScript复习

一、javaScript常用工具对象

1、string字符串工具类

2、Math工具类

3、Date对象

4、Array对象

1、定义数组 var ages=new Array();//创建了一个数组对象，但是没有指定长度0
2、定义数组 var ages=new Array(5);//创建了一个数组对象，但是指定长度5
3、定义数组 var ages=new Array(12,34,25,37);//创建了一个数组对象，并给了多个数组元素，数组的长度即所给予的元素个数，示例中数组的长度就是4
4、定义数组 var ages=[12,34,25,37]; //创建了一个数组对象，并给了多个数组元素，数组的长度即所给予的元素个数，示例中数组的长度就是4

二、函数

1、函数定义的3种方式

1.普通函数
2.匿名函数
3.动态函数(不建议使用)

2、全局变量和局部变量

跟java中的概念和使用方式基本一致
全局变量：在之间定义的变量，可以在js的任何位置使用；

可以在函数外部、函数内部、同一个html页面的其他script脚本块使用。
局部变量：在函数中定义的变量，只能在函数中使用。

3、常用的测试语句

Document.write()

直接向页面写入内容，可以向页面输出常量、变量和html代码。
console.log()

向控制台Console输出语句，（类似sysout），页面的控制台中（按F12）也可以查看。
alert()

属于bom的知识点。使用弹框的方式显示语句的执行结果。

//3种弹框
alert();
prompt("hello"); //带输入框的弹框
//返回值 var str = prompt("hello"); 
confirm("hi"); //显示信息的弹框

4、JavaScript的全局函数

isNaN：判断变量是否为数字。不是数字：true ; 是数字：false

三、事件和监听器

事件：用户对html标签做的一些动作：点击鼠标移动输入失去焦点。

触发某一段js代码的执行，从而得到代码运行的结果。
基于对象（为任意的html的标签）
提供好了很多对象，可以直接拿过来使用
使用对象：document window location history screen navigator
事件驱动
Html做网站静态效果，JavaScript负责网站功能的动态效果
与客户进行交互，与服务器进行数据交互

四、DOM

1、概述

DOM：document object model
- 文档：超文本文档（超文本标记文档HTML）
- 对象：提供属性和方法,不需要程序员自己new
- 模型：使用对象提供的属性和方法，操作超文本标记型文档
原理：要使用dom操作文档，则需要把文档中的所有内容封装成对象，包括文档中的标签、属性和文本内容。
作用：js通过DOM可以去操作HTML，使HTML有动态效果，可以将HTML中的数据与后台进行交互
注意：DOM存在一些浏览器兼容的问题：浏览器对dom模型的实现完整度不一样

2、document对象常用方法

write(): 往页面写入常量、变量或html内容
getElementById：通过指定的标签的id属性获取element对象，返回值唯一的Element对象（常用）
getElementsByName：通过指定的标签的name属性获取element对象的数组，针对表单元素（常用）
getElementsByTagName：通过指定的标签名称获取element对象的数组（常用）
getElementsByClassName：通过指定的标签的class属性获取element对象的数组。 HTML5开始提供的新方法。IE9+支持该方法（了解）

3、DOM节点的相关操作

增加、修改（替换）、删除



	
		
		
	
	
		
			java
			c++
			python
			c

4、InnerHTML和InnerText

innerHTML节点属性：不是dom的组成部分，但是浏览器都支持。
InnerHTML：获取文本内容，也可以向标签里面设置内容，如果设置的内容中包含html脚本，该属性也能解析后显示。
innerText：获取文本内容，也可以向标签里面设置内容，如果设置的内容中包含html脚本，该属性不能解析，直接显示文本。

5、DHTML

DHTML：动态的HTML，是以下技术的统称，不是一门新语言。

Css：提供样式，使用属性和属性值设置样式对数据进行样式定义。
Html：提供标签，封装数据
Dom：操作html文档的，负责将标签及其内容解析，封装成对象，对象中具有属性和方法
JavaScript：对页面中的对象进行逻辑操作

6、ChildNodes

获取父节点标签元素的里面的所有子节点的标签元素（标签和文本）
nodeName获取标签的名字
textContent获取标签的文本内容
nodeValue获取value属性的值
nextSibling获取当前节点下一个兄弟节点
previousSibling获取当前节点上一个兄弟节点

五、常见案例

案例1

案例2

六、js中的BOM的概述和使用

JavaScript的三部分组成：

ECMAScript：侧重JavaScript的基础语法（数据类型、变量定义、流程控制和对象）
DOM：Document Object model 文档对象模型 HTML基于dom模型解析
BOM：Browser object model 浏览器对象模型。
JavaScript兼容性问题较

1、Location：地址栏的信息记住href属性

2、History：历史记录的信

a) Forward：返回下一个访问的页面
b) Back：返回上一个访问的页面
c) Go：go(正数)------forward功能 go(负数)--------back功能


    demo01        
    demo02

3、window

Window：javascript层级中的顶层对象。表示窗口对象。所有的BOM对象都可以使用window来访问。

案例1

案例2



    语言：
    c++
    c
    java
    python

案例3：省市区三级联动

前端 JavaWeb JavaScript