前端工程师必须掌握的知识点.docxVIP

前端工程师必须掌握的知识点 1、DOM结构一一两个节点之间可能存在哪些关系以及如何在节点之间任意移动。 document.documentElement 返回文档的根节点 html document.body body document.activeEIenient返回当前文档中被击活的标签巧点(ic) event.fromElement event.toElement event.srcEIement event.target 当前对象为node 返回鼠标移岀的源节点(ie) 返回鼠标移入的源节点(ie) 返回激活事件的源盯点(ie) 返回激活事件的源节点(firefox) 返回父 点：node.parentNode, node.parendElemem. 返回所有子节点：node.childNodes (包含文本节点及标签节点),node.children 返回第一个子节点：node.firstChild 返回最后一个子节点：node.lastChild 返回同属上一个子肖点:node.nextSibling 返回同属下一个子节点:node.previousSibling parentNode 和 parentEIcment 功能一样，childNodes 和 children 功能一样* 但是 parcntNode 和 childNodes是符合W3C标准的，可以说比较通用。而另外两个只是IE支持，不是标准.Firefox 就不支持 ，所以大家只要记得有parentElement和children就行了 2、 DOM操作一一怎样添加、移除、移动.复制、创建和查找节点。 创建新节点 createDocumentFragmentO //创建_个 DOM 片段 createElementO //创建一个具体的元素 createTextNodcO 〃创建一个文本右点 添加、移除、替换、插入 appendChild() removeChildO replaceChild() insertBefore() 查找 getElementsByTagNameO //通过标签名称 getElementsByNameO 〃通过元素的Name属性的值 getElementById() 〃通过元素 Id,唯一，性 3、 事件一一怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。 冒泡型事件：事件按照从最特左的事件目标到最不特定的事件目标(document对象)的 顺序触发。 IE 5.5: div - body document IE 6.0: div - body - html document Mozilla 1.0: div - body - html ? document window 捕获型事#(event capturing)：事件从最不精确的对象(document对象)开始触发，然后 到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指左)。 DOM事件流：同时支持两种事件模型：捕获型事件和冒泡型事件，但是，捕获型事 件先发生。两种事件流会触及DOM中的所有对象，从document对象开始，也/±. document 对象结束。 DOM事件模型最独特的性质是，文本右点也触发事件(在IE中不会)。 4、 XMLHttpRequest—一这是什么、怎样完整地执行一次GET请求、怎样检测错误。 XMLHttpRequest对象提供了在网页加载后与服务器进行通信的方法。 script type=,,text/javascriptn varxmlhttp; functionloadXMLDoc(url) { xmlhttp=null; if(window.XMLHttpRequest) { //code for all new browsers xmlhttp=newXMLHttpRequest(); )elseif(window.ActiveXObject){ //code for IE5 and IE6 xmlhttp=newActiveXObject(,,Microsoft.XMLHTTPM); } if(xmlhttp!=null){ xmlhttp.onreadystatechange=state_Change; xinlhttp.open(MGETH.urljrue); xmlhttp.send(null); }else{ alert(MYour browser does not support XMLHTTP.,r); ) } functionstate_Change() { if(xmlhttp.readyState==4) { //4 = loaded11 if(xmlhttp.status==200){ /