码迷,mamicode.com
首页 > Web开发 > 详细

JS中BOM的加载事件

时间:2019-01-28 23:07:38      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:onload   click   UNC   code   title   har   btn   utf-8   lang   

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

标签:onload   click   UNC   code   title   har   btn   utf-8   lang   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!