码迷,mamicode.com
首页 > 其他好文 > 详细

DOM

时间:2017-11-25 21:36:33      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:上下   移动   tle   null   node   循环   通过   cto   时间函数   

内核分为渲染和js引擎。外部样式写在body的最后;写法:<script type = "text/javascript" src=""></script>内部样式:<script type = "text/javascript">  </script>内嵌样式:<a href = "javascript:"></a>  <h1 onclick = ""></h1>js的执行顺序为从上往下;不建议使用全局变量,因为一旦改变参数全文上下会有差异。变量写在Window.onload = function(){ }浏览器对象类型:属性 方法 其他对象     主要对象为window只要是Window属性就都可以省略书写Windowalert(""):警告框confirm(""):确认框prompt(""):输入框时间函数:1、setTimeout:指定时间以后执行一次回调函数(只执行一次);2、setInterval:每隔多少时间执行一次回调函数(无限循环)进程:一个应用的运用程序线程:一个运用程序当中的任务异步=同步(异步:可以同时进行的;同步:一个做完了另一个才能做)内存结构:栈(先进后出);堆(杂乱无序);事件队列(先进先出)Window子对象包括:history;screen;locntion;navigator一段域名由protocol、hostname、port、href、hash、pathname组成。moveTo:绝对移动moveBy:相对移动DOM:Documont Object Model(文档对象类型;DOM不是JS制定的,而是由W3C制定的规范之一)DOM:是对节点进行增删改查DOM tree:      documont |        html / \             head body    / \     / \                meta  title h1 div一个文档中的所有东西成为节点;节点分为:元素节点、属性节点、文本节点获取元素节点的方法:nodeName:获得元素名;nodeType:获得1;nodeValue:获得null获取属性节点的方法:nodeName:获得属性名;nodeType:获得2;nodeValue:获得属性值获取文本节点的方法:nodeName:获得#text;nodeType:获得3;nodeValue:获得文本内容获取节点:getElementById:根据Id获取节点(唯一的)getElementsByTagName:根据标签名获取节点(可重复的)getElementsByName:根据Name属性获取节点(用于表单内容,可重复的)querySelector:通过选择器来获取节点,只能获取一个querySelectorAll:通过选择器来获取节点,获取多个遍历节点:(会把空白算上)firstChild:第一个子节点lastChild:最后一个子节点nextSibling:下一个兄弟节点previousSibling:前一个兄弟节点childNodes:子节点parentNode:父节点attributes:得到多个属性节点document.documentElement:获取根元素(html)document.body:获取body元素创建节点:createElement:创建元素节点createAttribute:创建属性节点createTextNode:创建文本节点增加节点:appendChild:增加子节点;往尾部增加insertBefore(..,..):指定的节点之前;传两个参数:加什么内容以及加到哪里删除节点:removeChild:包含删除空白修改节点:replaceChild(..,..):传两个参数,一个旧节点,一个新节点innerHTML:不是DOM的标准而是对DOM的补充;返回结果为字符串,可以新增、删除、修改节点;新增开头和结尾;会解析节点内容innerText:不会解析节点内容在IE里面table的tr和td以及不能用innerHTML添加

DOM

标签:上下   移动   tle   null   node   循环   通过   cto   时间函数   

原文地址:http://www.cnblogs.com/tydy9891-/p/7896345.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!