DOM

Posted 2020-10-15 瑶狗屎狗屎瑶i

内核分为渲染和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添加