美文网首页
JavaScript DOM

JavaScript DOM

作者: 小学生的博客 | 来源:发表于2017-03-20 09:30 被阅读15次

    part1 javascript 简史

    JavaScript 是Netscape公司与Sun公司合作开发的。
    ECMAScript和JavaScript的关系是,前者是后者的规格,后者是前者的一种实现

    DOM :一套对文档的内容进行抽象和概念化的方法。
    DOM 是 W3C(万维网联盟)的标准。
    DOM 定义了访问 HTML 和 XML 文档的标准:

    “W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”
    

    part2 javascript 语法

    JS中声明变量都用关键字var,并且JS区分大小写
    弱类型,不一定要初始化。在任何阶段都可以改变变量的数据类型。

    ==与 === 前者只比较值,后者不仅比较值,还比较变量类型。
    !== 与!=== 同上

    循环语句:
    while循环 :while do while
    for循环:


    part3 DOM

    DOM中的“D”:document,文档。“O”:object,对象。“M”:model,模型

    Javascript语言里的对象分为三种类型:

    用户定义对象
    内建对象
    宿主对象
    

    DOM把一份文档表示为一棵树。


    Paste_Image.png

    节点:网络术语,便是网络中的一个连接点。
    DOM里有许多不同类型的节点:
    元素节点
    文本节点
    属性节点

    getElementById() 返回一个与那个有着给定id属性值的元素节点对应的对象。
    getElrmentByTagName() 返回一个对象数组。
    getElrmentByClassName() 返回一个具有相同雷鸣的元素的数组。

    getAttribute()只能通过元素节点对象调用。
    setAttribute() 对属性节点的值做出修改。


    part4 Javascript图片库

    childNodes属性可以用来获取人格一个元素的所有子元素。element.childNodes
    nodeType属性返回的数组包含所有类型的节点,而不仅仅是元素节点。node.nodeType
    nodeValue属性获取一个节点的值。node.nodeValue


    part5 最佳实践

    平稳退化(虽然某些功能无法使用,但是基本操作让能顺利完成。spider 网站的SEO优化。)
    分离js
    向后兼容
    性能考虑:
    ①尽量减少访问DOM和尽量减少标记
    ②合并和放置脚本(将脚本放置在<head>区域,一般来说,根据HTTP规范,浏览器每次从同一域名中最多只能同时下载两个文件,在现在脚本期间,不会加载其他资源。)
    ③压缩脚本


    ECMAScript 6简介

    相关文章

      网友评论

          本文标题:JavaScript DOM

          本文链接:https://www.haomeiwen.com/subject/ditenttx.html