欢迎入群学习交流：629902405(分享学习资料，求职动态)
元素节点：html、body、p 等标签 文本节点：向用户展示的内容，标签中的内容 属性节点：标签中的属性如 className id href 节点属性: 遍历节点树: DOM操作 前两个是document的方法 后面是Object方法
document.getElementById(“id”);//获取的元素是一个对象Object.innerHTML； //Object是获取的元素对象，如通过上面的get…获取的元素对象。 Object.style.property=newstyle；//property属性，包括backgroundColor、heigh、width、color…… Object.style.display=value ;//显示和隐藏,value=none（隐藏）/block(显示) Object.className=classname；//可以为某个元素对象修改class
JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
是鼠标单击事件(onclick)，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行，通常与按钮一起使用。<input name="button" type="button" value="点击提交" onclick="add2()" /> 鼠标经过事件（onmouseover）<input name="确定" type="button" value="确定" onmouseover="message()"/>鼠标移开事件（onmouseout）<a href="http://www.imooc.com" onmouseout="message()">点击我</a>光标聚焦事件（onfocus）失焦事件（onblur）内容选中事件(onselect) <form> 个人简介：<br> <textarea name="summary" cols="60" rows="5" onselect="message()">请写入个人简介，不少于200字！</textarea> </form>文本框内容改变事件（onchange）加载事件（onload）加载页面时，触发onload事件，事件写在标签内。2. 此节的加载页面，可理解为打开一个新页面时。卸载事件（onunload） 当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。 注意：不同浏览器对onunload事件支持不同。 如下代码,当退出页面时，弹出对话框“您确定离开该网页吗？” window.onunload = onunload_message; function onunload_message(){ alert("您确定离开该网页吗？"); }//1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一（string.length-1）。 //2.如果参数 index 不在 0 与 string.length-1 之间，该方法将返回一个空字符串。一个空格也算一个字符。
indexOf(“Io”)//1.indexOf该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 substring。 //2.可选参数，从stringObject的startpos位置开始查找substring，如果没有此参数将从stringObject的开始位置查找。 //3.如果找到一个 substring，则**返回 substring 的第一次出现的位置。**stringObject 中的字符位置是从 0 开始的。
split(“.”)字符串分割split() split() 方法将字符串分割为字符串数组，并返回此数组。 stringObject.split(separator,limit) separator从该参数指定的地方分割，limit限制分割次数 如果把空字符串 (“”) 用作 separator，那么 stringObject 中的每个字符之间都会被分割。
-substring(2,6)
//提取字符串substring() //substring() 方法用于提取字符串中介于两个指定下标之间的字符。//stringObject.substring(startPos,stopPos)
// 返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符，其长度为 stop 减start。 //2. 如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。 //3. 如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。 //substring(mystr.indexOf(' ') + 1)indexOf返回的是位置 substr()提取指定数目的字符//substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串
。
计时器
//计时器setInterval() //参数说明：1. 代码：要调用的函数或要执行的代码串。 //2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。 //返回值:一个可以传递给 clearInterval() 从而取消对”代码”的周期性执行的值。 function clock(){ var time=new Date(); var atime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds(); document.getElementById("clock").value = atime; } function start(){ i=setInterval(clock, 1000);//不设置var，可以开始，停止（局部变量和全局变量的关系）局部变量是指只能在本变量声明的函数内部调用。全局变量时整个代码中都可以调用的变量。变量是需要用var关键字声明的。但是javascript中也可以隐式的使用变量，就是不用声明，直接使用。javascript把隐式声明的变量总是当成全局变量来使用的。 } <body> <input type="button" value="停止计时器" onclick="clearInterval(i)" /> <input type="button" value="开始计时器" onclick="start()" /> </body>//clearInterval() 方法可取消由 setInterval() 设置的交互时间。
//clearInterval(id_of_setInterval)id_of_setInterval：由 setInterval() 返回的 ID 值 //计时器setTimeout() setTimeout()计时器，在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
setTimeout("alert('Hello!')", 3000 );history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。 - window.history.[属性|方法]//注意：window可以省略。
location用于获取或设置窗体的URL，并且可以用于解析URL。 - location.[属性|方法] -
Navigator对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。
var browser=navigator.appName; var b_version=navigator.appVersion; var b_platform=navigator.platform; var b_Agent= navigator.userAgentscreen对象用于获取用户的屏幕信息。 window.screen.属性
