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>