一.js的作用 1)html:网页框架和内容 2)css:修饰、美化 3)js:网页的行为(交互、动态) 二.js的用法 1)直接写在标签当中 2)包含在script中(head、body) 3)单独放在js文件当中(可以直接写) 三.几种输出方法 1)window.alert() 对话框 2)window.write() 页面 3)console.log() 控制台 四.变量 1)定义:var 变量名; 五.js数据类型 1)boolean --布尔类型(true false) 2) Number-- 数值类型 window.isNaN() 是否是数值 3)Stirng --字符型 4)Null–空型 5)Undefined–未定义类型 六.typeof()–测试运算类型 七.类型转换 1) parseInt()转换整型 ) 起始位是数字开始转换,如果不是报错(NaN) 2) parseFloat()转换浮点型 八.数组 1)定义 var arr=new Array(10,‘a’,true,null,undefined); var arr=[(10,‘a’,true,null,undefined]; 2)数组长度 arr.length() 方法(数组) arr.length 属性(字符串) 九.函数(方法) function 函数名(){} 元素对象.事件属性=function(){} 单击时响应 十.内置对象 1)Date 2)Math 3)String 十一.BOM 1)window 是所有对象父亲(浏览器窗口) 2)计时器方法 window.setTimeout(建立) window.clearTimeout(清除) 指定间隔多少毫秒,执行代码,仅执行一次 window.setInterval() window.clearInterval() 指定间隔多少毫秒,执行代码,执行多次 十二.DOM 1) document 网页(文档) document .getElementById() 通过id值获取单个元素对象 document.getElementsByName() 通过name值获取元素对象集合 document .getElementsByClassName() 通过class值获取元素对象集合 document.getElementsByTagName()通过标签名获取元素对象集合 十三.事件 onclick 鼠标单击 ondbclick 鼠标双击击 onmouseover 鼠标移入 onmouseout 鼠标移开 onmousemove 鼠标移动 onclick 鼠标单击 十四.节点数 节点操作 1)创建 document.createElement(“标签名”) 2)添加 父对象.appendChild(子节点) 3)删除 父对象.removeChild(子节点)