（一）事件
事件是可以被 JavaScript 侦测到的行为。
网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
鼠标
onclick 鼠标点击事件
onmouseover 鼠标经过事件
onmouseout 鼠标移开事件
文本框
onchange 文本框内容改变
onselect 文本框内容被选中
光标
onfocus 光标聚集
onblur 光标移开
网页
onload 网页加载
onunload 网页关闭
（二）对象
访问对象属性的语法:objectName.propertyName
e.g：
var myarray=new Array(6);//定义数组对象
var myl=myarray.length;//访问数组长度length属性
访问对象的方法：objectName.methodName()
e.g：
var mystr="Hello world!";//创建一个字符串
var request=mystr.toUpperCase(); //使用字符串对象方法
（二.一）Date对象
1、var date=new Date();
2、Date对象的方法一览表
!Date对象的方法图片.png
3、getDay()，获取星期几的方法，0星期日，1星期一...6星期六
4、get/setTime() 返回/设置时间，单位毫秒数，计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。
（二.二）String字符串对象
方法：
1、length、toUpperCase()、toLowerCase()
2、返回指定位置的字符，charAt(index)
3、返回指定字符首次出现的位置 indexOf(subString,startpos),从startpos开始检索substring,首次出现的位置，如果没有出现，则返回-1
4、字符串分割split()，把字符串分割并形成数组，split(separator,limit)中，sepatator表示通过sepatator分割，limit表示分割几次，即最后的数组中有几个元素。
5、提取字符串
5.1----substring(startIndex,stopIndex)，如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数.
5.2----substr(stratPos,length)
6、Math
6.1----Math.ceil()--向上取整
6.2----Math.floor()--向下取整
6.3----Math.round()--四舍五入
6.4----Math.random()--返回0-1的随机数
7、Array数组对象
7.1----array1.concat(array2)---拼接数组
7.2----array1.join()---将数组的所有元素放入一个字符串中
7.3----颠倒数组元素顺序reverse()，array1.reverse()---[1,2,3]--->[3,2,1]
7.4----选定元素slice(start,end)，返回一个从start到end的子数组。
7.5----排序array.sort()-按照unicode码顺序排列。array.sort(方法函数)按照方法函数中自定义的规则排序
（三）浏览器对象
（三.一）计时器类型：
一次性计时器：仅在指定的延迟时间之后触发一次。
setTimeout()、clearTimeout()
setTimeout(要执行的代码，时间段)、clearTimeout(定时器对象)
间隔性触发计时器：每隔一定的时间间隔就触发一次。
setInterval(调用的函数,时间段)、clearInterval(定时器对象)
（三.一）History对象
window.histor.属性、window.history.方法
window.history.lenght、window.history.back()、window.history.go(下标，history数组中的)、window.history.forward()
（三.三）Navigator对象
1、Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。
navagator的属性.png
2、screen对象
screen对象常用的属性
3、DOM对象
节点属性.png
节点关联.png
操作节点.png
1、 var mynode=document.getElementById("myt")
2、var mynodes = document.getElementsByName("");
3、document.getElementsByTagName(Tagname)， Tagname是标签的名称，如p、a、img等标签名
4、
三者的区别.png
5、getAttribute()方法 获取某个节点的属性的值
var con=document.getElementsByTagName("li");
var title = con[0].getAttribute("title");
document.write(title+"
");
6、elementNode.setAttribute(name,value)，设置某个节点的属性的值
var con=document.getElementsByTagName("li");
con[0] setAttribute("title":"web前端技术")
7、元素类型 节点类型
元素 1
属性 2
文本 3
注释 8
文档 9
8、访问子节点childNodes
9、firstChild和lastChild；等同于使用childNodes返回的数组中的第一和最后一个元素
10、nextSibling和previousSibling，某个节点的兄弟节点，previousSibling 大哥，nextSibling弟弟，没有哥哥或者弟弟返回null
11、aNode.appendChild(newnode);---在aNode后增加一个新创建的节点。aNode是父节点，新节点就在最后；aNode是兄弟节点，新节点就在其后
12、insertBefore(newNode,aNode),在aNode之前插入一个newNode
13、removeChild(需要删除的node节点) 方法从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。
14、node.replaceChild (newnode,oldnew)
15、document.createElement(tagName)。
//tagName：字符串值，这个字符串用来指明创建元素的类型
16、document.createTextNode(data)
//data : 字符串值，可规定此节点的文本。
(三.四)宽高
• window.innerHeight - 浏览器窗口的内部高度
• window.innerWidth - 浏览器窗口的内部宽度
• document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。
• document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。
Document对象的body属性对应HTML文档的<body>标签
• document.body.clientHeight
• document.body.clientWidth
网页内容的宽高scrollWidth、scrollHeight
var w=document.documentElement.scrollWidth
|| document.body.scrollWidth;
var h=document.documentElement.scrollHeight
|| document.body.scrollHeight;
offsetHeight和offsetWidth，获取网页内容高度和宽度(包括滚动条等边线，会随窗口的显示大小改变)。
offsetHeight = clientHeight + 滚动条 + 边框。
scroll和offset的对比图
网友评论