注意:在我们的JS当中,事件都需要添加一个on
load => window.onload => 加载事件:在浏览器当中将外部资源(比如:HTML,CSS,视频,音频,图片)加载完毕之后执行的事件
<script>
window.onload = function(){
console.log(''外部资源夹杂完毕'')
}
</script>
scroll => window . onscroll => 滚动事件
示例:JS
<script>
/*滚动事件
window.onscroll = function(){
console.log(''滚动条滚动'')
}
</script>
resize => window .onresize => 浏览器的尺寸发生改变的时候,触发的事件
示例:JS
<script>
window.onresize = function({
/*输出浏览器可视宽和高*/
consolelog(宽:" +window.innerWidth,"高" +window.innerHeight);
</script>