BOM(Browser Object Model): 浏览器对象模型,是用来描述与浏览器进行交互的方法和接口 BOM下面有一个核心的对象 – window对象。 window下面的常用的事件操作: onload() 页面内容加载完成后执行这里的代码 onscroll() 浏览器的滚动条触发时触发此事件 onresize() 浏览器窗口大小发生改变时触发此事件 document.documentElement.clientWidth 浏览器可视区的宽度(纯数字,没有单位) document.documentElement.clientHeight 浏览器可视区的高度(纯数字,没有单位)
间隔定时器 setInterval(function(){},interval) :启动定时器 clearInterval(定时器的值):关闭定时器 延时定时器 setTimeout(function(){},interval):启动延时定时器 clearTimeout(定时器值):关闭定时器
DOM(Document Object Model):文档对象模型。描绘一个层次化的节点树,允许开发人员获取、添加、移除和修改页面的某一部分元素 DOM基本操作
获取元素 getElementById():获取单个的id元素 getElementsByTagname():获取一类元素节点,返回一个类数组 getElementByClassName():通过类名来获取一类元素节点,返回类数组 querySelector():通过选择器的方式来获取,只获取单个 querySelectorAll():通过选择器方式获取一类元素节点,返回类数组 注意HTML元素的获取: document.doucumentElement – (返回<html>元素)创建、添加、删除、克隆、替换 方法描述document.createElement(elementName)创建元素document.removeChild(elementName)删除元素document.appendChild(elementName)添加元素document.replaceChild(elementName)替换元素document.write(text)写入内容到文档父节点.appendChild(元素节点)素节点插入到父节点的内部最后的位置父节点.insertBefore(新的元素节点,存在元素节点)父节点内,把新的元素节点插入到已经存在的元素节点的前面更多DOM