<script>
// js代码在html代码之前
// 执行这个js代码时,html代码还没有执行,无法正确获取到div标签
// window.onload 定义的程序,会在html程序加载过所有内容之后,再执行
window.onload = function(){
// 代码执行时,HTML程序已经加载完毕,HTML标签已经存在
// 可以正确获取标签对象
var oDiv = document.querySelector(‘div‘);
console.log(oDiv);
}
</script>
<div>123</div>
<script>
// 1, widow.onload 浏览器加载事件
// 让定义的程序在浏览器所有内容都加载之后,再执行
// 2, window.onscroll 浏览器滚动条监听事件
// 浏览器滚动条位置发生改变时会触发
// 3, window.onresize 浏览器窗口监听事件
// 浏览器窗口大小发生改变是会触发
// 4, window.open() 在新窗口打开页面事件
// window.location.href 在本窗口打开页面
// 5, window.close() 关闭当前窗口
window.onresize = function(){
console.log(123);
}
var oDiv = document.querySelector(‘div‘);
oDiv.addEventListener(‘click‘ , function(){
window.open(‘https://www.baidu.com‘);
window.close();
})
</script>
