<script type="text/javascript">
/*
btn.onclick=function()
{
console.log('我被点击了')
}*/ //报错
// 浏览器事件绑定在windown上
// 表示当所有资源加载完毕后触发
window.onload=function()
{
// 当这个函数触发时,所有页面资源都已经加载完毕
btn.onclick=function()
{
console.log('我被点击了')
}
}
</script>
<style type="text/css">
/*滚动条*/
body{
height: 20000px;
}
</style>
</head>
<body>
<button id="btn">按钮</button>
<script type="text/javascript">
/*
btn.onclick=function()
{
console.log('我被点击了')
}*/
</script>
<script type="text/javascript">
// 改变尺寸时触发
window.onresize=function()
{
console.log('屏幕大小发生改变了')
}
// 浏览器滚动条事件
window.onscroll=function()
{
console.log('浏览器滚动条事件')
}
</script>