BOM
基本描述:BOM是浏览器对象,是用来控制和管理浏览器的规则
1、DON和BOM比较相似,都是抽象类的管理规则。
2、BOM主要负责页面和页面通讯
3、BOM的和新对象是window,bom通常也指的是window对象
4、BOM是对浏览的管理规则,所以没有统一的标准
BOM和DOM的关系
DOM通过document对象来访问,控制、修改html等文档中的内容。
BOM通过window对象来访问,控制、修改浏览器中的内容
通常是说BOM包含DOM,通过js来访问浏览器的内容,通过浏览器的dom对象来访问文档中的内容
区别:
dom提供了页面操作的方法和接口,主要是用来控制页面内容
bom提供了与浏览器对象交互的方法和接口,主要是负责页面与页面之间
2、页面加载事件和窗口加载事件
window.onload=function(){} 等所有的节点和css图片等内容加载完毕后才执行js代码
DOMcontentLoaded事件,等待页面节点加载完毕就执行代码,不会等待css和图片等内容加载完毕
onload 比DOMContentLoaded 加载时间更长
窗口大小变化事件 resize
响应式布局--重绘
3、定时器:
setInterval(function(){},执行时间) 周期定时器 重复执行 执行时间为每次执行的间隔事件
setTimeout (function(){},执行时间) 延时定时器 只执行一次 执行时间为延迟的时间
4、清除定时器
声明变量来接收定时器 周期定时器用clearInterval(变量名)清除
延时定时器用 clearTimeout(变量名)清除 可以写在定时器内 也可以写在定时器外
js的异步和同步
同步:按照默认书写顺序从上到下 从左到右执行,
异步:异步遇到同步会让路,让同步代码先执行。
区别:同步代码报错会影响其他同步程序的执行,但是异步不会影响其他程序的执行
js的异步:
事件
ajax
定时器
5、location
location.search() get参数
location.href 完整的url地址
hash 哈希
port端口号
host 页面域名加端口
hostname 页面域名
pathname 页面的文件路径
origin url原地址
|