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

Question

调用javascript代码有多少种方法？首先出现的是典型的<script>标签然后有一些标签的属性,onload=""为body标签,href="JavaScript:"的a标签,onSubmit="JavaScript:"的form标签,该onclick=属性.

除此之外,我知道在加载完所有代码之后也可以从javascript加载:在chrome控制台中包含javascript文件.

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

Answer 1

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

至于如何触发这些事件,你已经涵盖了我所知道的所有基础.有一种不同的方式来使用onload(和类似的事件),像这样:

普通的JavaScript:

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

jQuery的:

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

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

如果您需要监听类似的事件onsubmit,我建议您在JavaScript/jQuery中监听这些事件,或者调用JavaScript函数,如下所示:onsubmit="javascript:myFunction(parameter)"而不是将所有JavaScript内联到HTML中.那是我的两分钱.

希望有所帮助.