为了账号安全,请及时绑定邮箱和手机立即绑定

DOM探索之基础详解篇

难度初级
时长 2小时11分
学习人数
综合评分9.60
274人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.6 逻辑清晰
  • 各大主流框架DOMReay是如何实现的 http://www.cnblogs.com/JulyZhang/archive/2011/02/12/1952484.html
    查看全部
    0 采集 收起 来源:domReady的实现

    2017-02-22

  • domReady的实现策略 window.onload事件: 浏览器绘制完dom节点,再加载完页面上的所有资源以后,才执行我们自己定义的代码。也就是说在文档解析渲染,资源加载完成之前,不让js脚本执行。但当资源过多时便出现短板,并不实用。 jQ中的DOMReady实现策略: $(document).ready(function(){});
    查看全部
  • Webkit的主要渲染流程:
    查看全部
  • 浏览器渲染引擎的基本渲染流程: 1、解析HTML,构建DOM树(构建DOM节点); 2、构建渲染树(解析样式信息,包括外部的css文件、style标签中的样式)。渲染树由一些包含有各种属性的矩形组成,他们将会按照正确的顺序显 示到屏幕上; 3、布局渲染树(布局DOM节点),执行布局的过程,将确定每个节点在屏幕上的确切坐标; 4、绘制渲染树(绘制DOM节点,即遍历渲染树),使用UI后端层来绘制每个节点。
    查看全部
  • domReady: html标签需要通过浏览器渲染引擎的解析才会变成dom节点,在刷新url地址的时候就有dom构建的过程。当所有html都转化为节点后,dom树才构建完毕,简称为dom ready。所以,一旦把script放在body前面,dom还没生成,就调用了dom(document.xxxx)明显是不行的(javascript以编写顺序解析---脚本语言)
    查看全部
    0 采集 收起 来源:什么是domReady

    2017-02-22

  • 节点的nodeName与nodeValue
    查看全部
  • ie中,由于没有Node对象,需使用数值常量判断。divNode.nodeType == 1(即元素节点的编号)。
    查看全部
    0 采集 收起 来源:DOM nodeType

    2017-02-22

  • 非ie中,可以使用字符串常量判断: if(变量.nodeType == Node.ELEMENT_NODE){ } 判断该节点是否为元素节点,Node为XML的节点对象,ELEMENT_NODE是它的属性
    查看全部
    0 采集 收起 来源:DOM nodeType

    2017-02-22

  • 元素节点, > 拥有子节点和文本,是唯一能拥有属性的节点类型<br> 属性节点, > 元素中的属性,是附属于元素的,是包含他的元素节点的一部分,不属于文档树的一部分<br> 文本节点, > 只包含文本内容(可以只包含空白)的节点,在xml中称为字符数据;<br> > 在文档树中元素的文本内容和属性的文本内容都是由文本节点表示的<br> > 某个节点的空白区域,也是属于文本节点<br> 注释节点: > 表示注释的内容<br> 文档节点: > 文档树的根节点,是其他节点的父节点; > 注意不是html或者xml的根元素。根元素是作为文档节点的子节点出现的<br> > 整个代码之上看做是文档节点<br> 文档类型节点: 例;<!doctype html><br> 文档片段节点: > 文档片段是轻量级的或者是最小的Document 对象,他表示文档的一部分或者是一段,他不属于文档树; > 他的特殊行为:占位符,暂时存放一次插入文档的节点,同时有利于剪贴复制操作
    查看全部
    3 采集 收起 来源:DOM 节点类型

    2018-03-22

  • 专注的领域不同,选择不同: HTML(超文本标记语言)用来显示数据,不能解释影音文件和化学公式等,不利于扩展 XML(可扩展标记语言)用来描述数据,什么是数据,如何存放数据 XHTML(早期 HTML与xml合并作用) 以下是XML
    查看全部
    1 采集 收起 来源:DOM 文档类型

    2017-02-21

  • 文档的类型
    查看全部
    0 采集 收起 来源:DOM 文档类型

    2017-02-21

  • Web浏览器对DOM的支持
    查看全部
    0 采集 收起 来源:认识DOM

    2017-02-21

  • DOM1级主要定义了HTML和XML文档的底层结构。在DOM1中,DOM由两个模块组成:DOM Core(DOM核心)和DOM HTML。其中,DOM Core规定了基于XML的文档结构标准,通过这个标准简化了对文档中任意部分的访问和操作。DOM HTML则在DOM核心的基础上加以扩展,添加了针对HTML的对象和方法,如:JavaScript中的Document对象. DOM2级在原来DOM的基础上又扩充了鼠标、用户界面事件、范围、遍历等细分模块,而且通过对象接口增加了对CSS的支持。DOM1级中的DOM核心模块也经过扩展开始支持XML命名空间。在DOM2中引入了下列模块,在模块包含了众多新类型和新接口: DOM视图(DOM Views):定义了跟踪不同文档视图的接口 DOM事件(DOM Events):定义了事件和事件处理的接口 DOM样式(DOM Style):定义了基于CSS为元素应用样式的接口 DOM遍历和范围(DOM Traversal and Range):定义了遍历和操作文档树的接口 DOM3进一步扩展了DOM,在DOM3中引入了以下模块: DOM加载和保存模块(DOM Load and Save):引入了以统一方式加载和保存文档的方法 DOM验证模块(DOM Validation):定义了验证文档的方法 DOM核心的扩展(DOM Style):支持XML 1.0规范,涉及XML Infoset、XPath和XML Base
    查看全部
    4 采集 收起 来源:认识DOM

    2017-02-21

  • parseInt方法里为什么要加一个 10 将字符串解析成十进制的整数! parseInt() 函数可解析一个字符串,并返回一个整数。 语法 parseInt(string, radix) 参数 描述 string 必需。要被解析的字符串。 radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。 如果省略该参数或其值为 0,则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头,将以 16 为基数。 如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。 返回值 返回解析后的数字。
    查看全部
    3 采集 收起 来源:实例JS+DOM

    2017-02-21

  • 为了实现堆叠的目的:将目标元素转化为block元素,父元素设置为relative,目标元素设置为absolute,全部左对齐为left:0 overflow:hidden,溢出的时候进行隐藏 图片的三个属性:src:图片的位置 alt:图片出不来的时候显示的内容 title:鼠标在图片上时显示的文字
    查看全部

举报

0/150
提交
取消
课程须知
本课程是前端中级课程 1、您要具备HTML基础知识 2、您要具备CSS基础知识 3、您要具备JS基础知识
老师告诉你能学到什么?
1、重新认识DOM 2、剖析domReady 3、学会元素节点的类型判断、继承层次和分类

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!