• DOM操作——怎样添加、移除、移动、复制、创建和查找节点。


    DOM操作——怎样添加、移除、移动、复制、创建和查找节点。
    (1)创建新节点
    createDocumentFragment() //创建一个DOM片段
    createElement() //创建一个具体的元素
    createTextNode() //创建一个文本节点
    (2)添加、移除、替换、插入
    appendChild()
    removeChild()
    replaceChild()
    insertBefore()
    (3)查找
    getElementsByTagName() //通过标签名称
    getElementsByName() //通过元素的Name属性的值
    getElementById() //通过元素Id,唯一性

    3、事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。
    (1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。
    IE 5.5: div -> body -> document
    IE 6.0: div -> body -> html -> document
    Mozilla 1.0: div -> body -> html -> document -> window
    (2)捕获型事件(event capturing):事件从最不精确的对象(document 对象)开始触发,然后到最精确(也可以在窗口级别捕获事件,不过必须由开发人员特别指定)。
    (3)DOM事件流:同时支持两种事件模型:捕获型事件和冒泡型事件,但是,捕获型事件先发生。两种事件流会触及DOM中的所有对象,从document对象开始,也在document对象结束。
    DOM事件模型最独特的性质是,文本节点也触发事件(在IE中不会)。

    4、XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。
    XMLHttpRequest 对象提供了在网页加载后与服务器进行通信的方法。

    <script type="text/javascript">
    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.XMLHTTP");
    }
    if(xmlhttp!=null){
    xmlhttp.onreadystatechange=state_Change;
    xmlhttp.open("GET",url,true);
    xmlhttp.send(null);
    }else{
    alert("Your browser does not support XMLHTTP.");
    }
    }

    functionstate_Change(){
    if(xmlhttp.readyState==4){ //4 = "loaded"
    if(xmlhttp.status==200){ //200 = OK
    //...our code here...
    }else{
    alert("Problem retrieving XML data");
    }
    }
    }
    </script>
  • 相关阅读:
    js连等赋值与对象引用
    es6读书笔记(四)——顶层对象
    es6读书笔记(三)——const
    es6读书笔记(二)——块级作用域
    es6读书笔记(一)——let
    Idea工具使用junit运行单元测试(三):测试套件
    Python学习笔记(十二):列表生成式、三元表达式、字典排序
    python学习笔记(六):内置函数
    扫描歌曲
    为Activity设置特定权限才能启动
  • 原文地址:https://www.cnblogs.com/cupidity/p/js.html
Copyright © 2020-2023  润新知