BOM的概念+其三个事件

最新推荐文章于 2023-03-03 11:20:09 发布

congboer

最新推荐文章于 2023-03-03 11:20:09 发布

阅读量265

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/congboer/article/details/96452140

版权

js 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

BOM的概念+其三个事件

1、BOM的概念：

1.BOM : Browser Object Model 浏览器对象模型，用来描述与浏览器进行交互的方法和接口。
  BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。
  BOM 的核心对象是 window ,浏览器打开的一个页面。

2、与之相关的三个事件

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>

        //1.onload事件：页面内容加载完成（DOM结构，图片.....）
        window.onload = function () {//页面内容加载完成之后，自动触发此事件。js代码写在任意位置。
            //var oBox = document.getElementById('box');
            //alert(oBox.innerHTML);//123456
        }

    </script>
</head>

<body style="height: 2000px;">
    <div id="box">123456</div>
    <script>
        //2.onscroll事件：拖动浏览器的滚动条触发此事件。注意触发频率比较高。
        window.onscroll=function(){
            console.log(1);
        }
        //3.onresize事件：浏览器窗口缩放所触发的事件。触发频率。
        window.onresize=function(){
            console.log(2);
        }

        //总结：上面的三个事件页面只能出现一次，多次会出现覆盖。
        window.onscroll=function(){
            console.log(3);
        }
    </script>
</body>

</html>

congboer

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
BOM的概念+其三个事件

BOM的概念+其三个事件1、BOM的概念：1.BOM : Browser Object Model 浏览器对象模型，用来描述与浏览器进行交互的方法和接口。 BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。 BOM 的核心对象是 window ,浏览器打开的一个页面。2、与之相关的三个事件<!DOCTYPE html><html lang...
复制链接

扫一扫

专栏目录