JavaScript中的BOM操作之浏览器常见事件

最新推荐文章于 2024-08-10 21:02:37 发布

Submerge~

最新推荐文章于 2024-08-10 21:02:37 发布

阅读量252

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/MixedSignals/article/details/105137572

版权

①click点击事件

<body>
<div id="d">我是div</div>
<script>
//直接绑定事件处理函数
d.onclick = function(){ 
alert('我是div,有人点我');
}
</script>
</body>

在这里插入图片描述

<body>
<div id="d">我是div</div>
<script>
//先定义好一个函数，再绑定
function fun(){
alert('我是定义好的函数程序,绑定给div点击事件')
}
d.onclick=fun;
</script>
</body>

在这里插入图片描述
②load加载事件

<body>
<div id="loc">我是loc</div>
<div id="ope">我是ope</div>
<script>
loc.onclick = function(){
window.location.href = 'https:/www.baidu.com'; //点击后当前页面跳转到百度
}

ope.onclick = function(){
window.open('https:/www.baidu.com') ; //点击后新建一个窗口打开百度
}
</script>
</body>

③scroll滚动条事件
window.onscroll = function(){} 当浏览器滚动条位置发生改变时触发事件

window.onscroll = function(){
console.log('我滚了');
}

④resize事件
window.onresize = function(){}当页面大小发生改变时触发事件

window.onresize = function(){
console.log('我改了');
}

⑤close事件
window.close()关闭当前页面事件

c.onclick = function(){
window.close();
}

Submerge~

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中的BOM操作之浏览器常见事件

①click点击事件<body><div id="d">我是div</div><script>//直接绑定事件处理函数d.onclick = function(){ alert('我是div,有人点我');}</script></body><body><div id="d">我...
复制链接

扫一扫