一。今日学习内容
1.BOM基本描述 BOM浏览器对象模型,是一套用来管理控制浏览器的规则 提供了访问浏览器各种功能部件的途径,浏览器窗口本身,浏览器历史 2.DOM与BOM比较相似,都是管理抽象对象的规则 BOM主要负责页面与页面的通讯 BOM的核心对象就是window,通常bom一般指的都是window对象 BOM是对浏览器进行管理的规则,因此没有统一的标准 3.BOM与DOM关系 DOM通过document访问,控制,修改html等文档中的内容 BOM通过window对象来访问,控制,修改浏览器中的内容 通常可以说DOM是被包含在BOM中的,可以通过js操作来访问浏览器,通过执行浏览器对象的DOM来获取文档的内容 4.区别:DOM描述了处理网页内容的方法和接口,操作页面内部 BOM描述了与浏览器进行交互的方法和接口,操作页面之间 5.页面加载,窗口加载 1)区别 页面加载事件---onload(可以访问JS之后的代码) 窗口加载事件(事件监听事件):DOMContentLoaded是dom加载完毕,不包括css,图片或者其他的静态资源,加载速度比onload更快 2)调整窗口大小事件:onresize 3)响应式布局---重绘 6.定时器 周期定时器:setInterval(回调函数,执行时间ms)-----重复执行 延时定时器:setTimeout(回调函数,执行时间ms)----只执行一次 清除周期定时器:clearInterval(变量接收定时器函数);---一般写在方法内部 清除延时定时器:clearTimeout(变量);---一般放在方法内部 7.JS同步和异步 同步:按照默认的书写的顺序,依次执行,出错后不再执行 异步:遇到同步,会让同步先执行,一般异步需要触发(回调函数)--报错不影响后面执行 JS中三种异步的情况:事件,定时器,ajax 8.Location location对象,提供当前文档的信息,以及导航功能, 返回一个URL的查询部分:location.search 完整的url地址:location.href; hash--哈希( 返回一个URL的锚部分):location.hash; 端口号:location.port; 页面的域名以及端口号:location.host; 页面的域名:location.hostname; 页面的路径或者文件名:location.pathname; 返回url原地址:location.origin; 刷新:location.reload();
|