JavaScript中的BOM操作的常见事件

BOM操作的常见事件

1、点击事件clcik

onclcik绑定点击
标签ID.onclick = function(){
程序；
}
示例1、

        d1.onclick = function(){ 
            console.log('我是div,有人点我');
        }

示例2、

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

注：
A、需要绑定已经定义的函数
B、调用时绝对不能有()
C、必须绑定函数名称,或者变量名称

2、load事件：

window.onload = function(){程序} 页面加载事件

注：
A、绑定load事件，让程序在页面加载完毕之后,再执行，不推荐使用这种方法
B、一般是将script标签,写在程序的最下方

3、open事件

window.open('url地址) 定义打开的页面 — 新窗口打开页面
示例1、

    loc.onclick = function(){
        window.location.href = 'https:/www.baidu.com';
    }

示例2、

    ope.onclick = function(){
        window.open('https:/www.baidu.com') ;
    }

4、scroll事件

window.onscroll = function(){} 滚动条事件

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

5、resize事件

window.onresize = function(){}

        // 当页面大小发生改变时,触发事件
        window.onresize = function(){
            console.log('我改了');
        }

6、close事件

window.close()

        // 关闭当前页面事件
        c.onclick = function(){
            window.close();
        }

注：
A、常用的click 和 scroll
B、有的有on有的没on，如close和open没on