JavaScript总结

JavaScript总结1、语法JavaScript由LiveScript而来，最初是网景公司开发的，在网景公司与微软公司于1990年发生的“浏览器大战”中进一步发展，现在遵守ECMAScript规范。不同浏览器对JavaScript的支持是不一样的。定义变量：var变量名;JavaScript是弱类型语言，变量没有数据类型（也就是变量可以在运行时改变数据的类型），比如：varx=10;x=abc;x=true;x=100;使用变量：变量名=值;定义函数：function函数名(形参列表){函数体}使用函数：函数名(实参);变量=函数名(实参);定义数组：var数组名=newArray();var数组名=[];JavaScript中的数组是一个动态数组（数组的长度会发生变化）使用数组：变量名=数组名[数字下标];变量名=数组名[字符串下标];JavaScript中下标是可以越界的，越界访问的结果是undefined2、BOMBOM（BrowserObjectModel），浏览器对象模型。window对象：代表了浏览器窗口1、包含了document、history、location等对象，这些对象作为window对象的属性2、alert()：弹出一个提示对话框3、prompt(提示内容,默认值)：弹出一个输入对话框4、confirm(提示内容)：弹出一个确认对话框，返回true或false5、open(网页文件,窗体名称,窗体特征字符串)：弹出一个新的窗体，新窗体会加载指定的网页文件，并按窗体特征字符串的要求来显示6、close()：关闭当前窗体7、setTimeout(函数(),毫秒数)：从当前时间开始，过了制定的毫秒数之后，执行一次指定的函数（指定的函数只有一次执行）8、setInterval(函数(),毫秒数)：从当前时间开始，每过了制定的毫秒数之后，就执行一次指定的函数（指定的函数会被多次执行）document对象：代表了浏览器中显示的内容1、referrer：当前文档引用的前一个文档2、URL：当前文档的Url3、write()：向当前文档中输入内容（HTML标签）4、writeln()：向当前文档中输入内容（HTML标签），支持换行history对象：代表了浏览的历史1、forward()：向前、前进，相当于go(1)2、back()：向后、后退，相当于go(-1)3、go(数字参数)：依据数字参数向前或向后进行跳转location对象：代表了浏览器的地址栏1、href：地址栏的内容2、reload()：重新加载当前页面3、replace()：加载指定的页面来替换当前的页面window常用事件onload=函数()onmouseover=函数()onmouseout=函数()onclick=函数()onchange=函数()onfocus=函数()onblur=函数()3、DOMDOM（DocumentObjectModel）文档对象模型DOM是一个结构化的文档，只有一个根节点，有若干个元素节点，每个元素节点之间有兄弟、父子关系，每个元素节点都是单根结构，元素节点中可以包含属性节点、文本节点和子元素节点。整个DOM节点形成了一颗DOM树。DOM的API（ApplicationProgrammingInterface）是分级的：CoreDOMAPI：针对所有的结构化文档getElementById()getElementsByName()getElementsByTagName()setAttribute()getAttribute()firstChildlastChildchildNodesparentNodecreateElement()createTextNode()createAttributeNode()appendChild()insertBefore()clone()removeNode()replaceNode()XMLDOMAPI：专门针对XML文档HTMLDOMAPI：专门针对HTML文档，参考W3CSchool文档中的HTMLDOMAPIHTMLDOM对象的公有属性：idnameinnerHTMLtitleclassNamestyleHTML标签HTMLDOM对象--------------------------------------------img-Imagetable-TablerowsinsertRow()deleteRow()tr-TableRowrowIndexinsertCell()deleteCell()td-TableCellcellIndexselect-Selectoptionsadd()option-Optiontextvalue4、应用1、动态改变网页的内容调用DOMAPI来完成2、动态改变网页的样式调用DOMAPI来完成，使用DOM对象的style和className属性3、网页输入的客户端验证（虽然客户端对输入的数据做了验证，但服务器还要对接收的数据进行验证）在表单提交的onsubmit事件中进行验证可以使用正则表达式来简化验证代码4、网页特效