入口函数(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("我操两次")}