Js基础15:事件绑定

JavaScript017

Js基础15:事件绑定,第1张

入口函数(window.onload)

window.onload 方法用于在网页加载完毕后立刻执行的操作。

BOM介绍

window对象 :是浏览器的顶级对象,全局对象。

1、Location 对象

重点掌握:

重写location.href可以跳转页面

2、History 对象

代码示例:

在写一个项目,有一个触发编辑按钮才会出现编辑板块,然后编辑板块中有点击添加的事件。当保存编辑,编辑板块消失。再次点击编辑,再点击添加,会触发多次,生成多个模块。

经过多次反复痛苦的调试,发现是在点击编辑后调用的函数中绑定了添加的事件,当再次点击编辑时,会重复绑定,所以会出现触发多次的bug。

解决方法就是在绑定之前先解绑。

这样就可以解决了。jquery中还有很多类似的处理,比如说运行一个动画前先将之前的动画stop()掉。

不过在解绑事件时最好将具体的元素写入,因为在事件委托时,不写明具体,解绑会将所有事件解绑

上述例子只会触发alert(3),因为点击btn1时,解绑了所有在body上的click事件,只会调用在最后绑定的alert(3)。

应该写成

加括号代表执行这个方法,不加括号代表把这个函数赋值给某个变量。

..以下来自百度

function al(){

alert("我擦")

}

此时,al代表这个函数的对象,al()就是直接运行了。

var nfun=al就是让nfun也指向了al,此时nfun()就相当于al()。

那么我们来说下oBtn.onclick

oBtn.onclick也就相当于一个nfun,只不过它附属于oBtn这个标签。

等号是赋值操作如果是对象,就会把对象的指向付给变量。al是对象指向,al()就是执行了函数,它最终是个什么东西,就看函数体返回什么类型,al里就一个alert,没有return任何东西,那么就相当于undefined。所以

oBtn.onclick=undeined了,你执行就没反应。

但是如果al的内部返回的是一个函数比如:

function al(){

alert("我操一次")

return function(){alert("我操两次")}

}

oBtn.onclick=al()就相当于

oBtn.onclick=function(){alert("我操两次")}