有会JS的大神吗。。。求解答！

veryxe · 发表于 2017-10-18 21:21:44

在研究addLoadEvent函数,课本上面写的使用方法是
addLoadEvent(function1);
addLoadEvent(function2);
但是在我实际测试中，发现需要这么使用
addLoadEvent(function1());
addLoadEvent(function1());
否则，将只会执行function1。
我查询了相关的资料发现有的说要加()有的说不要加。请问到底要不要加呢有标准吗？
为什么window.onload就不用加呢？我测试了window.onload=func() 加了括号的也无错啊。
一些问题希望各位大神予以解答万分感谢！

附上我测试的代码：

function showPic(){
var whichPic = document.getElementsByTagName("a");
var i = 0;
for (; i < whichPic.length; i++) {
if(whichPic[i].getAttribute("class")=="pict"){
whichPic[i].onclick=function(){
document.getElementById("ig").setAttribute("src",this.getAttribute("href"));
document.getElementById("i1").firstChild.nodeValue=this.getAttribute("title");
document.getElementById("i2").innerHTML=this.getAttribute("title");
return false;
}
}
}
}
function createYuanSu(){
var tp = document.createElement("p");
var tt = document.createTextNode("你好世界！");
tp.appendChild(tt);
var bd = document.getElementsByTagName("body")[0];
bd.appendChild(tp);
}
function addLoadEvent(func){
var oldonLoad = window.onload;
if(typeof window.onload != 'function'){
window.onload=func;
}
else {
oldonload();
func();
}
}
addLoadEvent(createYuanSu());
addLoadEvent(showPic());

复制代码

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<img src="logo.png" id="ig" alt="图片占位符">
<a href="赞美太阳.png" title ="赞美太阳！" class = "pict">赞美太阳吧！</a>
<a href="logo.png" title ="这是logo！！"class="pict">LOGO!</a>
下面两条是由两种方法修改的
a1
a2
下面是由元素创建实现的
<script type="text/javascript" src="sc.js"></script>
</body>
</html>

复制代码

byss · 发表于 2017-10-18 21:21:45

本帖最后由 byss 于 2017-10-18 21:49 编辑

不要括号，因为括号表示立即执行，因为执行了，所以看起来好像没有错，但就和你的事件绑定无关了。出现困惑的原因是你大小写写错了：

function addLoadEvent(func){
var oldonLoad = window.onload;
if(typeof window.onload != 'function'){
window.onload=func;
}
else {
oldonload();
func();
}
}

复制代码

第二个oldonload应该是oldonLoad，或者都命名成oldOnLoad

veryxe · 发表于 2017-10-19 15:41:12

byss 发表于 2017-10-18 21:48
不要括号，因为括号表示立即执行，因为执行了，所以看起来好像没有错，但就和你的事件绑定无关了。出现困惑 ...

感谢解答解决了是我少写了 window.onload=function(){}

byss · 发表于 2017-10-19 15:56:06

veryxe 发表于 2017-10-19 15:41
感谢解答解决了是我少写了 window.onload=function(){}

对，现在这样可以实现真正的addLoadEvent功能，之前的写法onload事件队列只能有两个函数

veryxe · 发表于 2017-10-19 16:03:43

byss 发表于 2017-10-19 15:56
对，现在这样可以实现真正的addLoadEvent功能，之前的写法onload事件队列只能有两个函数 ...

再请教一下。
window.onload=func();
window.onload=func
二者有区别吗？

byss · 发表于 2017-10-19 16:15:53

veryxe 发表于 2017-10-19 16:03
再请教一下。
window.onload=func();
window.onload=func

有。
第一个表示func先立即执行，执行以后func函数的返回值作为onload的回调函数，如果func的返回值不是函数类型，那么这个赋值其实是无效的。
第二个表示func作为页面加载完成的回调函数，在页面加载完成后，才会执行func函数。

veryxe · 发表于 2017-10-19 16:29:01

byss 发表于 2017-10-19 16:15
有。
第一个表示func先立即执行，执行以后func函数的返回值作为onload的回调函数，如果func的返回值不是 ...

万分感谢！

		自动登录	找回密码
密码			注册

有会JS的大神吗。。。求解答！

最佳答案

浏览过的版块