window.load的执行时间

两段简单的代码:
code1:
<html>
<meta charset="UTF-8">
<head>
<title>Untitled</title>
<script type="text/javascript">
function ShowMessage()
{
alert("true");
}
window.onload=ShowMessage();
</script>
</head>
<body>
当你看到true时看不到我
</body>
</html>

运行后,你将发现,网页没有全部载入,就开始运行代码了。

code2:
<html>
<meta charset="UTF-8">
<head>
<title>Untitled</title>
<script type="text/javascript">
function ShowMessage()
{
alert("true");
}
window.onload=function(){ShowMessage();}
</script>
</head>
<body>
你看到true时就看到我了
</body>
</html>
运行后你发现:全部载入网页后,才运行代码。
上面的例子引用网页:
链接描述
它没有详细解释原因:
1。code1为何没有全部载入网页,就运行js了?
2。code2使用了匿名函数,载入全部网页后,运行js,为何匿名函数起到了这个作用?

请谈谈道理。

阅读 4.2k
2 个回答

我猜题主可能是被误导了,这里并不是发生了什么神奇的事情。

先忘记 onload 什么的,我们来看看第一种写法:

window.onload=ShowMessage();

注意后半部分,ShowMessage(),我相信题主一定能发现,这是一个函数调用,而这个函数做了什么呢,alert("true")

至于这种写法的 onload,它被赋值了 undefined

而第二种写法里 onload 被赋值了一个函数。

所以,结果就是题主看到的了。

window.onload=ShowMessage(); 是把 ShowMessage() 的运行结果赋值给 window.onload,而不是把 ShowMessage 本身赋值给 window.onload

改成 window.onload = ShowMessage 就对了。

注意区分函数和函数的运行结果——关键看你打不打括号(调用)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题