javascript - 为什么在外部文件中使用内联代码时不起作用，但在使用函数时起作用

Question

我知道问题的标题可能无法理解，但我会解释一下。

每个人都知道我们可以使用以下任何一种方式。

示例(1)

document.getElementById('idofelement').onsubmit = function() {
   alert('Go ahead');
   return false;
}

示例（2）

function DisplayMsg(){
   alert('Go ahead');
   return false;
}

// and in HTML
<form action="file.php" method="post" onsubmit="return DisplayMsg();">

我的问题（1）：
两种方式或两个例子有什么区别

我的问题 (2)：
为什么example (1)在外部 JavaScript 文件中不起作用，但在目标 HTML 代码附近插入时与我一起使用。而example (2)工作在任何地方 无论是在外部文件中还是在目标 HTML 代码附近。

Answer 1

加载文档后，您应该始终调用方法 getElementById。因此，正如@JanDvorak 所建议的，您应该$.ready()使用 jQuery 来包装它。如果不是，请window.onload = function()改用。

顺便说一句：不要忘记函数定义后的分号，IE 容易受到这种语法的影响