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

DOM探索之基础详解篇

难度初级
时长 2小时11分
学习人数
综合评分9.60
274人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.6 逻辑清晰
  • 节点类型222
    查看全部
    0 采集 收起 来源:DOM 节点类型

    2017-03-12

  • kkk
    查看全部
    0 采集 收起 来源:HTML嵌套规则

    2017-03-11

  • window.onload事件:浏览器绘制完dom节点,在加载页面上的所有资源以后才执行我们自己定义的代码。也就是说在文档解析渲染、资源价在完成之前不让js脚本执行,但当资源过多是便出现短板,并不实用。
    查看全部
  • 节点类型: 元素节点element 属性节点attr 文本节点text 注释节点comment 文档节点document 文档类型节点documenttype 文档片段节点documentfragment
    查看全部
    0 采集 收起 来源:DOM 节点类型

    2017-03-07

  • 文档类型: GML通用标记语言(1969)—》SGML标准通用标记语言(1985)—》HTML超文本标记语言(1993)—》XML可扩展标记语言(1998)
    查看全部
    0 采集 收起 来源:DOM 文档类型

    2017-03-07

  • reset.css文件用于重置页面中的所有元素,使后期加工能保持统一,该文件可以从网上下载。
    查看全部
  • 文档类型 1、GML 通用标记语言 2、SGML 标准通用标记语言 3、HTML 超文本标记语言 4、XML 可扩展标记语言 使用存放格式化数据的 节点类型
    查看全部
    0 采集 收起 来源:DOM 文档类型

    2017-03-03

  • 元素节点类型 返回值(对应数值)
    查看全部
  • !!的目的是,当操作数是undefined或null时能够返回false
    查看全部
  • Domready(有一定的执行时间)之后执行js 定时器:无法在domReay时渲染 seTimeout(function(){ document.getElementById("header").style.color="red"; },30); 用window.onload = function(){ docyment.getElementById("ID").style.color="red"; }时,在资源加载完后,没有闪动,看起来没问题, 一个页面文档的资源过多,会“迟了”; 实际中,然页面加载完在做 JS的ready回调 $(document).ready(function(){ }) DOMReady实际策略: W3C——》1、支持DOMContentLoaded事件的,就使用DOMContentLoaded事件 ——》2、不支持的,就用HACK兼容\*兼容原理是,判断DOM树是否建立完毕,document.documentElement.doScroll('left')*\ 情况:
    查看全部
  • Webkit渲染过程
    查看全部
  • 结构渲染过程
    查看全部
  • domReay: document.getElementById("ID").style.color="red";//没有捕获,没有找到节点 DOM树:浏览器通过“渲染引擎”解析节点
    查看全部
    0 采集 收起 来源:什么是domReady

    2018-03-22

  • nodeType节点类型,nodeName节点名与nodeValue节点值 var divNode=document.getElemnetById("container"); var attrNode=divNode.attributes[0];所有节点的第一个节点 var textNode=divNode.childNodes[0];第一个文本节点 varcommentNode=document.body.childNodes[1];第二个节点 console.log(divNode.nodeName+"/"+divNode.nodeValue); document.doctype.nodeName+"/"+document.doctype.nodeValue var frag=document.createDocumentFragment();创建文档片段节点 console.log(frag.nodeName+"/"+fragValue);
    查看全部
  • Elemnet: var divNode=document.getElementById("ID"); if(divNode==1){}判断divNode是否是某个节点类型(使用数值常量);
    查看全部
    0 采集 收起 来源:DOM nodeType

    2018-03-22

举报

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

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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