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

DOM探索之基础详解篇

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

    2016-05-04

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

    2016-05-04

  • img 里面放置一个alt=,此属性表示当文档隐藏时候出现的信息
    查看全部
  • 块状元素与内联元素嵌套规则<br> 1,块状元素可以包含内联元素或 某些 块元素,但内联元素却不能包含块元素,它只能包含其他的内联元素。<br> 2,块级元素不能放在<p>里面。<br> 3,有几个特殊的块级元素只能包含內联元素,不能再包含块级元素,这几个特殊的标签:h1-h6,p,dt。<br> 4,li内可以包含div标签。(两者都是装载内容的容器,没有级别之分,同理,li内可以容纳ul/ol)<br> 5,块级元素与块级元素并列,内联元素与内联元素并列。<br> <div><h2></h2><span></span></div>不提倡 对于<a>元素: 同时属于Flow content 、 Phrasing content、Interactive content、Palpable content分类 父元素必须是那些子元素为段落式元素的元素 允许的子元素是以它的父元素允许的子元素为准,但不能包含交互式元素 这样看<a>元素还是挺有意思的,允许的子元素要看它的父元素所能包含的子元素。 a元素里不可以嵌套交互式元素(<a>、<button>、<select>等) <p>里面不可以嵌套<div>、<h1>~<h6>、<p>、<ul>/<ol>/<li>、<dl>/<dt>/<dd>、<form>
    查看全部
    0 采集 收起 来源:HTML嵌套规则

    2018-03-22

  • DOM节点继承层次
    查看全部
  • aNode.contains(bNode)判断是否包含a是否包含b
    查看全部
  • 判断XML和HTML的方法: 先使用isElememt判断是否为元素节点,再用creatElement判断元素名大写小写是否都等同,大小写不等同为XML,等同为HTML
    查看全部
  • !!一般用来将后面的表达式转换为布尔型的数据(boolean). 因为javascript是弱类型的语言(变量没有固定的数据类型)所以有时需要强制转换为相应的类型,类似的如: a=parseInt("1234"); a="1234"+0 //转换为数字 b=1234+"" //转换为字符串 c=someObject.toString() //将对象转换为字符串 其中第1种、第4种为显式转换,2、3为隐式转换. 布尔型的转换,javascript约定和c类似,规则为 : false、undefinded、null、0、"" 为 false ; true、1、"somestring"、[Object] 为 true . !!el表示判断是否el存在,存在为true,反之为false.
    查看全部
  • function myReady(fn){ // 对于现代浏览器,对DOMContentLoaded事件的处理采用标准的事件绑定方式 if(document.addEventListener){ document.addEventListener("DOMContentLoaded", fn, false); // 在冒泡阶段捕获 } else { IEContentLoaded(fn); } // IE模拟DOMContentLoaded function IEContentLoaded(fn){ var d = window.document; var done = false; // 只执行一次的用户回调函数init() var init = function(){ if(!done){ done = true; fn(); } } (function(){ try{ // DOM树未创建之前调用doScroll会抛出错误 d.documentElement.doScroll('left'); } catch(e){ // 延迟再试一次,调用函数自身的事件 setTimeout(arguments.callee, 50); return; } // 没有错误就表示DOM树创建完毕,然后立马执行用户回调 init(); })(); // 监听document的加载状态 d.onreadystatechange = function(){ // 如果用户是在domReady之后绑定的函数,就立马执行 if(d.readyState == 'complete') { d.onreadtstatechange = null; init(); } } } }
    查看全部
    0 采集 收起 来源:domReady的实现

    2018-03-22

  • 渲染引擎在取得基本内容之后的基本渲染流程: 1. 解析html以构建dom树(即构建dom节点) 2. 构建渲染树(解析外部的css文件以及style标签中的样式信息) 3. 布局渲染树(确定每个节点在屏幕上的确切坐标) 4. 绘制渲染树(遍历渲染树,使用ui后断层绘制每个节点)
    查看全部
  • domReady: html标签需要通过浏览器渲染引擎的解析才会变成dom节点,在刷新url地址的时候就有dom构建的过程。当所有html都转化为节点后,dom树才构建完毕,简称为dom ready。所以,一旦把script放在body前面,dom还没生成,就调用了dom(document.xxxx)明显是不行的(javascript以编写顺序解析---脚本语言)
    查看全部
    3 采集 收起 来源:什么是domReady

    2016-05-02

  • DOM级别 DOM 1级别目标映射文档结构 DOM Core:规定如何映射基于XML的文档结构,以便简化对文档任何部分的访问和操作 DOM HTML:是在DOM核心的基础上加以扩展,添加了针对HTML的对象的** DOM 2级别 DOM Views 即DOM视图,跟踪不同文档的视图接口 DOM Events 即DOM事件 定义事件和事件的处理接口 DOM Style 定义基于css 为元素应用样式的接口 DOM Traversal and Range 即DOM遍历和范围 定义遍历和操作文档树的接口 DOM 3级别 进一步扩展了DOM DOM Load And Save 定义统一加载和保存的方法 DOM Validation 定义验证文档的方法
    查看全部
    0 采集 收起 来源:认识DOM

    2016-05-01

  • DOM级别 DOM 1级别目标映射文档结构 DOM Core:规定如何映射基于XML的文档结构,以便简化对文档任何部分的访问和操作 DOM HTML:是在DOM核心的基础上加以扩展,添加了针对HTML的对象的** DOM 2级别 DOM Views 即DOM视图,跟踪不同文档的视图接口 DOM Events 即DOM事件 定义事件和事件的处理接口 DOM Style 定义基于css 为元素应用样式的接口 DOM Traversal and Range 即DOM遍历和范围 定义遍历和操作文档树的接口 DOM 3级别 进一步扩展了DOM DOM Load And Save 定义统一加载和保存的方法 DOM Validation 定义验证文档的方法
    查看全部
    0 采集 收起 来源:实例JS+DOM

    2016-05-01

  • nodeType判断节点类型: 非ie中,可以使用字符串常量判断。divNode.nodeType == Node.ELEMENT_NODE。 ie中,由于没有Node对象,需使用数值判断。divNode.nodeType == 1(即元素节点的编号)。 故应该使用数值常量判断,可以兼容所有浏览器!
    查看全部
    0 采集 收起 来源:DOM nodeType

    2016-05-01

举报

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

微信扫码,参与3人拼团

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

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