JS中BOM的加载事件

Posted HzdWwZz"LJF

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS中BOM的加载事件相关的知识,希望对你有一定的参考价值。

BOM--->Browser Object Model 浏览器对象模型,操作浏览器的。

浏览器中有个顶级对象:window
页面中顶级对象:document
页面中所有的内容都是属于浏览器的,页面中的内容也都是window的,变量是window的
要使用变量或者方法时候,window可以省略
因为页面中的所有内容都是window的,window是可以省略的.

加载事件


window.onload---只要页面加载完毕,这个事件就会触发

window.onunload--页面关闭后才触发的事件

window.onbeforeunload--页面关闭之前触发的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    // document.getElementById("btn").onclick=function () {
    //     alert("哈哈,你好");//会报错
    // }
    //只要页面加载完毕,这个事件就会触发-----页面中所有的内容,标签,属性,文本,包括外部引入js文件
    window.onload=function () {
        document.getElementById("btn").onclick=function () {
            alert("你好啊");
        };
    };
    //页面关闭后才触发的事件
    //    window.onunload=function () {
    //
    //    };
    //页面关闭之前触发的事件
    //    window.onbeforeunload=function () {
    //      alert("哈哈");
    //    };
</script>
<input type="button" id="btn" value="按钮" />
</body>
</html>

以上是关于JS中BOM的加载事件的主要内容,如果未能解决你的问题,请参考以下文章

JS-BOM

JavaScript-BOM

BOM 基础语法

从零开始的JS生活——BOMDOM与JS中的事件

[JS DOM&BOM]事件

Chrome-Devtools代码片段中的多个JS库