从html调用JavaScript代码有多少种方法?

时间:2012-08-17 14:56:34

标签: javascript-events javascript html

调用javascript代码的方法有多少?首先是典型的<script>标记,然后是onload=""标记的bodyhref="JavaScript:"标记的a,{{1} } onSubmit="JavaScript:"标记,form属性。

除此之外,我知道在加载完所有代码后,也可以从javascript加载代码:Include javascript file in chrome console

但是我对从html文档运行代码的方式更感兴趣,是否有详尽的列表:事件,属性,......?

2 个答案:

答案 0 :(得分:5)

以下是JavaScript中的一个很好的事件列表:http://help.dottoro.com/larrqqck.php

至于如何触发这些事件,你已经涵盖了我所知道的所有基础。有一种不同的方式可以使用onload(以及类似的事件),如下所示:

普通JavaScript:

window.onload = function() {
  //Do Stuff
}

<强> jQuery的:

$(window).bind('onload', function() {
  //Do stuff
});

附注:我不鼓励在href="javascript:"onsubmit="javascript:"等属性中使用嵌入JavaScript。像这样在JavaScript中嵌入JavaScript被认为是不好的做法,因为它会降低您的代码的可读性,并且可能更难以维护。

如果你需要监听像onsubmit这样的事件,我建议你在JavaScript / jQuery中监听这些事件,或者调用一个JavaScript函数,如:onsubmit="javascript:myFunction(parameter)",而不是写所有的JavaScript内联HTML。那是我的两分钱。

希望这有帮助。

答案 1 :(得分:2)

我建议您查看this post。基本上,有些人提到服务器端调用这些函数来隐藏普通用户的javascript。