BOM浏览器对象模型(学习笔记)
Posted 做个机灵鬼
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了BOM浏览器对象模型(学习笔记)相关的知识，希望对你有一定的参考价值。
BOM是浏览器对象 ，实现用户和浏览器窗口的交互功能
BOM大于DOM
1.DOM的顶级对象是documnt，BOM的最高级对象是window window>document
onload 等页面全部加载完毕，包括dom falsh 图片 css
DOMcontentloaded 是dom(标签元素)加载完毕 不包括falsh css 图片 等就可以执行，加载速度比bom速度更快一些
例子
调节窗口大小：窗口小于800的时候隐藏盒子
<style>
div
width: 200px;
height: 200px;
background-color: pink;
</style>
<script>
window.addEventListener('load',function()
var box = document.querySelector('div');
// resize 监听浏览器窗口大小事件
window.addEventListener('resize',function()
//windowinnerWidth 获取浏览器窗口的实质大小
console.log(window.innerWidth);
if(window.innerWidth <= 800)
//窗口小于800则隐藏盒子
box.style.display = 'none';
else
box.style.display = 'block';
)
)
</script>
</head>
<body>
<div></div>
</body>
以上是关于BOM浏览器对象模型(学习笔记)的主要内容，如果未能解决你的问题，请参考以下文章