js中浏览器常见事件；如何获取页面中的标签

最新推荐文章于 2024-01-02 20:38:51 发布

夜深人静_

最新推荐文章于 2024-01-02 20:38:51 发布

阅读量1.4k

点赞数

分类专栏： h5大前端学习日结文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_46236141/article/details/105128063

版权

本文详细介绍了JavaScript中的BOM操作，包括如何添加事件、常见的浏览器事件如load、open、scroll、resize和close事件的使用。同时，还探讨了DOM操作中获取页面标签的不同方式，如通过id、class、标签名和name属性值获取，并强调了通过符合语法规范的方式获取标签对象的重要性。

摘要由CSDN通过智能技术生成

BOM操作之浏览器常见事件

什么是事件？

所谓的事件,就类似于一个约定。当触发条件时，就会执行指定的程序。
例如：clcik 点击事件
给标签绑定点击事件，当标签触发点击条件时执行绑定的程序。

如何添加事件

例如：clcik 点击事件
给标签绑定点击事件当标签触发点击条件时执行绑定的程序

click         点击事件 --- 事件类型
onclick       绑定点击事件 , 给标签绑定一个事件类型
funciton(){}  事件处理函数 , 触发事件时,执行的程序
         也可以是一个已经定义好的函数

实例

<div id="d1">我是div1</div>

<script>
    // 给div标签,绑定了一个事件类型
    // 事件类型是点击事件类型
    // 点div标签被点击时,触发执行程序
    d1.onclick = function(){
     
        console.log('我是div,有人点我');
    }
</script>

如果需要绑定已经定义的函数，必须绑定函数名称，或者变量名称。
绝对绝对绝对，不能有() ，这里绑定的是，函数名称，变量名称中存储的函数的地址。

实例

<div id="d2">我是div2</div>
<div id="d3">我是div3</div>

<script>
    function fun(){
    
        console.log('我是定义好的函数程序,绑定给div点击事件')
    }
    // 如果有 () , d2.onclick = fun()
    // 将 fun() 的执行结果, 绑定给事件
    
    var fun2 = function(){
    
        console.log(123)
    }
    
    // 给点击事件,绑定一个fun函数名称中,存储的函数地址
    // 触发事件时,调用地址,找到对应的函数,执行函数程序
    d2.onclick = fun ; 
    d3.onclick = fun2 ;