#JavaScript#
##基础##
-
js的作用,实现web页面脚本操作
-
使用方式
- 1在html的head标签加入<script>内容</script>
- 2在body中<script>内容</script>
- 3单独.js文件,使用时 script标签的src属性引用
-
变量var声明,未声明变量为undefined类型
-
数据类型:数字、字符串、Boolean变量…、undefined类型
-
字符操作可以直接连接
-
条件和循环和C类似
-
函数
-
定义函数关键字function
- 两种方式
-
return返回语句
-
document.write()在html输出
-
console.log()在web控制台输出
-
alert()弹出
-
var x= prompt();输入
-
Boolean y = confirm();确认框
##oop## -
js对象
-
var a={name:“jbb”,age:13};
-
定义一个对象类function fun(name,age){ this.name=name;this.age=age};
##数组## -
var courses= new Array(“html”,“css”,“js”); course[1]==“css”;
-
var courses= new Array(3);
-
var course= []
-
也可以通过对数组每项赋值创建数组
-
数组length: courses.length==3
-
array3=array1.concat(array2);连接两个数组组成新的数组
-
js不支持按index创建数组,但可以var array=[]; array[p1]=“point”;
-
Math.PI、Math.E 支持常用数学方法
##DOM## -
parent/child/sibling
-
节点方法和属性
-
getElementById(id)
-
getElementByTagName(tagname)
-
getElementByClassName(name)
-
innerHTML 属性
-
nodeName 属性
-
nodevalue 属性
-
通过节点选择节点
-
element.firstChild;
-
element.lastChild;
-
element.parentNode;
-
element.childNodes;
-
element.nextSibling;
-
element.previousNode;
-
节点方法
-
document.createElement()
-
document.createTextNode()
-
removeChild()
-
apppendChild()
-
cloneElement()
##event##
- onclick
- onload
- onunload
- onmouseover
- onblur
- 标签的时间属性 onclick=“someFunc()”,在js中编写时间对应方法。
- 添加事件监听
- element.addEventlistener(“click”,myfun)
- element.removeEventlistener(“click”,myfun)
- 当两个元素包含重叠 事件监听第三个参数true表示选中内元素事件
- 当两个元素包含重叠 事件监听第三个参数false表示选中外元素事件
#ECMAscript 6#