浅析window.onscroll=move以及window.onscroll=move()的区别

最新推荐文章于 2023-05-12 11:36:52 发布

huanShion

最新推荐文章于 2023-05-12 11:36:52 发布

阅读量6.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：脚本收藏(myjs) 文章标签： function 2010 javascript html button div

本文链接：https://blog.youkuaiyun.com/huanShion/article/details/6083426

脚本收藏(myjs) 专栏收录该内容

13 篇文章

订阅专栏

本文通过实例分析了JavaScript中window.onscroll=move与window.onscroll=move()的区别，主要涉及事件处理函数的赋值方式以及执行情况。通过对比，解释了带括号与不带括号在事件绑定时的不同效果，以及如何正确理解和使用onscroll事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

事件 =带括号的函数是获取return值 ,事件 =不带括号的函数是将函数本身赋给事件,事件="函数带括号" 是执行函数
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Untitled Document</title> <mce:script language="JavaScript"></mce:script> </head> <body> <div style="height:1900px;background-color:black"></div> <div id="ADLayer" style="position:absolute;top:100px;left:50px;z-index:2"> <img src="upload/2010/9/201009080921463560.gif" mce_src="upload/2010/9/201009080921463560.gif" width="100" height="50"> <input type="button" value="按钮" onclick="showMove()"> </div> </body> </html>

看过这个例子后再看下面说明
首先
var moveValue=move(); 这里我们定义了变量并把 move()赋值给了变量, 那么moveValue得到的值则是 move()函数执行后返回的retrun值.
接着
window.onscroll=move; 我要先明白一点 var move=function(){函数内容} 与 function move(){函数内容} 是等价的也就是说变量 move 就是函数自身.那么我们再 window.onscroll=move 就明白了, 我们是将"函数自身"赋给了 window事件 onscroll;也就是说
onscroll 代表 funtion move(){函数内容} 而不是该函数返回的值;
最后
onClick="showMove()" 这里是事件执行函数,事件不等于函数也不等于函数的retrun值,他只是当事件触发时执行某个函数.

通过比较就很容易理解3者之间的区别了,事件 =带括号的函数是获取return值 ,事件 =不带括号的函数是将函数本身赋给事件,事件="函数带括号" 是执行函数
还有重要的一点 onClick="showMove" 是HTML的事件机制而 var moveValue=mone() 还有 window.onscroll=move 是javscript 分清这两点就更好区分之间的区别了.

参考：http://www.zhaowenlong.com/post/2010/09/2.html