JavaScript学习6（Bom）

最新推荐文章于 2024-06-11 18:02:04 发布

养羊得亿

最新推荐文章于 2024-06-11 18:02:04 发布

阅读量86

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_40551957/article/details/114634418

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

BOM

Bom是浏览器对象模型，是独立于内容而与浏览器交互的。
Bom存在较多版本兼容问题。
因此主要介绍兼容性较好的部分。
在这里插入图片描述
并且Bom大于Dom他们的关系如下

所以，对与一些函数，如
document.querySelector();
可写成
window.document.querySelector();等等
定义的函数，会变成window的方法；全局变量也会编程window的属性；

window的常见事件

窗口加载事件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <Script>
        //只有window加载完毕才会调用；使内嵌还有外部js成为可能
        window.onload=function(){};//因为是传统绑定，只能有一个，之前的会被覆盖
        window.addEventListener('load',function(){});//可多个
        //只有dom加载完毕才会调用；使内嵌还有外部js成为可能
        document.addEventListener('load',function(){});//由于dom先加载完成。所以先于windowload调用 
    </Script>
    <div>在函数调用后面</div>
</body>
</html>