首页 > Web开发 > 详细

JS中BOM的加载事件

时间:2019-01-28 22:50:00      阅读:226      评论:0      收藏:0      [点我收藏+]

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的加载事件

原文:https://www.cnblogs.com/hzdwwzz/p/10332084.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!