内联Javascript比<script> </ script>标记更优先

Question

哪一个更有支持性或更好用,为什么？

举个例子:

像这样的html标签里面的内联javascript:

HTML: <input type="button" value="click" onclick="doFunction()" />

并调用这样的函数:

<script type="text/javascript">
   function doFunction()
    {
      alert("Hello World");
    }
</script>

或者只是这样做(使用jquery):

HTML: <input type="button" value="click" />

jQuery的:

<script type="text/javascript">
   $(document).ready(function(){
      $("input[type='button']").click(function(){
          alert("Hello World");
      });
   });
</script>

---

请提供与答案相关的一些文章链接.

谢谢.

Answer 1

最佳做法是将您的疑虑分开.html应该显示显示,javascript应该使它动态化.话虽如此,如果要使用html,我建议您使用简单的方法进行定位

<input id="btnClick" type="button" value="click" />

然后定位该特定元素以供使用

$("#btnClick").click(function(){ alert("click"); });

总的来说,如果你要创建一个小网站,只要包含jQuery,如果你要使用很多功能.如果你只需要为click事件处理程序使用jQuery ,那么最好用计划javascript来做这个(注意在jquery中完成的任何事情都可以在javascript中完成)

document.getElementById("btnClick").onclick = function(){ alert("click"); };