<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
// BOM onload 页面加载完成之后执行
// 页面加载完成 页面上所有的元素创建完毕，并且引用的外部资源下载完毕（js，css，图片）
// window.onload = function () {
onload = function () {
var box = document.getElementById('box');
console.dir(box);
}
// window.onunload = function () {
// 页面卸载的时候执行
//
//
onunload = function () {
// 在onunload中所有的对话框都无法使用 window 对象被冻结
// Blocked alert('欢迎下次再来') during unload.
// alert('欢迎下次再来');
console.log('bye bye');
}
// f5 刷新页面
// 1 卸载页面
// 2 重新加载页面
</script>
</head>
<body>
<div id="box">
</div>
<img src="" alt="">
<script>
// 当页面上的元素创建完毕就会执行
</script>
</body>
</html>