JavascriptDom编程艺术(笔记)

如果想快速学习dom的话,建议去菜鸟教程,比较浅显易懂,实战性较强.我是看纸质的书,主要是花钱,心疼,所以看完,容易记住.

　　1.重点:

1.变量
           1-1.var修饰
           1-2.赋值,用=号,例如ver age = 3;
           1-3.可以一次声明多个变量.
       2.数据类型:1.String字符串,单引号或双引号,2.数值number,3.布尔值boolean,4.数组.Array,5.对象.Object
       3.操作符:算术+,-,*,/ 
               条件,if,else,
               比较:>,<,<=,>=,==,===
               逻辑:&&(两个都是true,为true),||(两个其中一个true,为true)
       4.循环:while,for,do..while,
       5.函数,function.一组随时可以调用的语句.
       6.变量作用域:
           6-1:可以在脚本的任意位置引用.
           6-2:只存在与那个声明他的函数内部.
       7.对象:
         7-1:属性是属于特定对象的变量.
         7-2:对象是只有某个特定对象调用的函数.

1.节点:一份文档就是一颗节点树,文档也是节点构成的集合.节点类型,(元素节点,属性节点,文本节点)
   2.获取元素,getElementById(),获取id属性对应的一个对象.
             getElementsByTagName 标签,返回一组对象.
             getElementsByClassName class属性,返回一组对象.
   3.获取和设置属性.getAttribute,打算查询属性的名称.
                   setAttribute,设置属性的名称.

childNodes属性,用来获取一个元素的任意子元素.
        nodeType : 1 元素节点,2 属性节点,3 文本节点
        nodeValue : 它用来得到和设置一个节点的值.

1.document.write 行为和样式没有分离.
        2.innerHTML属性. 属性设置或返回一个链接的内容。
        Dom操作:
        1.createElement 创建元素节点
        2.createTextNode 创建文本节点.
        2.appendChild 方法,成为这个文档现有节点的一个子节点.
        3.insertBefore 把一个新元素插入到一个现有元素前面.

网页有3层,结构层html,表示层css,行为层javascript.
        style属性只能返回内嵌样式.只有把style属性插入到标记里.

javascript实现动画效果:
        1.位置.绝对定位..
        2.时间.setTimeout
        2-1:setTimeout(必需。要调用的函数后要执行的 JavaScript 代码串,必需在执行代码前需等待的毫秒数。) 方法用于在指定的毫秒数后调用函数或计算表达式。
        2-2:时间递增量.
            思路,1.获取元素当前的位置.
                 2.如果元素已经到达它的目的,退出.
                 3.如果元素未到达它的目的,把它向目的地移近一点.
                 4.经过一段时间间隔之后从步骤1开始重复上述的步骤.
        3.抽象,以便重用方法.
        4.鼠标移动到某一个链接的时候把图片加载过去,即便是网速在快,也需要花费点时间,怎么能立即响应?
          解决方法,把所有预览的图片集合成一张集体照,隐藏绝大部分,只显示相应的部分.
                  css的overflow
         5.变量的作用域:
         6.安全检查:如果它必须的变量不存在拿,需要进行判断不存在就退出这个函数.

2.提示:

提示:001-javascript的引入方式:1.页面上直接写javascript标签。
                           2.创建文件,src引入.
            002-注释://,/**/
            003-内建对象:比如Array,Date,Math,就是已经建好了的对象.
            004-宿主对象:由浏览器提供的对象被称之为宿主对象,Form,Image,Element,document.
            005-console.log("xx \' x"); 特殊字符需要转义.
            006-javascript中属性和方法可以用点来访问.

提示:
       1 dom节点.
         d : document 文档
         o : 对象,自定义对象,宿主对象,内建对象.
         m : 模型,代表地图.

提示:
        1.可以把自己写的js,都整合在一起,减少对站点的访问.
        2.事件函数的机制,被调用的Javascript代码可以返回一个值,这个值将被传递给那个事件的处理函数.
        3.将javascript的引入放在最后的body上面.

提示:ajax,XMLHttpRequest对象.
             GET,POST请求.
             readyState:0表示未初始化,1表示正在加载,2表示加载完毕3.表示正在交互4.表示完成

提示:nextSibling返回列表项的下一个同胞

提示:absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
            fixed生成绝对定位的元素，相对于浏览器窗口进行定位。
            relative生成相对定位的元素，相对于其正常位置进行定位。
            form对象有个elements属性,所有表单元素的值,input,select,访问.value相当于getAttribute('value');
            使用Javascript验证表达需要记住3件事情:
            1.验证脚本写的不好,反而不如没有验证.
            2.js写验证,后台也要写验证.
            3.客户端的验证就是客户填好数据,节省他们的时间,后端的验证就是保护服务器和后台系统的安全.
            5.压缩代码.

　　　　建议看教程,看点收费的,(自己)花钱心疼,肯定能看完.

JavascriptDom编程艺术(笔记)

猜你喜欢