这个问题只是为了澄清一些事情。类似这样的问题以前已经被问过了,而这个问题将它们都汇总到了一个问题中 - JavaScript应该放在HTML文档的哪里,或者更重要的是,这是否重要?因此,我要问的其中一件事是,是否…
完全不会有任何功能上的差异
更重要的是,我想专注于修改或使用DOM元素的JS。因此,我知道如果在中的 之前放置像
当然,还有第三种方法-使用jQuery:
这样做的好处是,无论你在身体的哪个位置放置代码,它都只会在所有内容加载完后执行。问题在于,值得引入一个巨大的JS库仅仅为了使用一个方法吗?这个方法的需要是否可以通过准确放置脚本来替代?我想在这里澄清一些事情,如果你愿意回答的话,请继续!总结:不同类型的脚本应该放在哪里-头还是身体,或者这重要吗?jQuery是否值得仅仅为了ready事件而使用?
<head>
<script type="text/javascript">
alert("Hello world!");
</script>
</head>
完全不会有任何功能上的差异
<body>
<!-- Code goes here -->
<script type="text/javascript">
alert("Hello world!");
</script>
</body>
更重要的是,我想专注于修改或使用DOM元素的JS。因此,我知道如果在中的
document.getElementById("test").innerHTML = "Hello world!"
这样的内容,则不起作用,因为body从顶部向下加载,使JS首先加载,然后会尝试操作尚不存在的元素。所以它应该像上面那样放在中或者就在标记之前。问题是,除了组织和排序之外,选择其中一个是否有影响,如果有,影响是什么?当然,还有第三种方法-使用jQuery:
$(document).ready(function(){ /*Code goes here*/ });
这样做的好处是,无论你在身体的哪个位置放置代码,它都只会在所有内容加载完后执行。问题在于,值得引入一个巨大的JS库仅仅为了使用一个方法吗?这个方法的需要是否可以通过准确放置脚本来替代?我想在这里澄清一些事情,如果你愿意回答的话,请继续!总结:不同类型的脚本应该放在哪里-头还是身体,或者这重要吗?jQuery是否值得仅仅为了ready事件而使用?
window.onload = function(){}
--不需要使用任何库。 - Gary</body>
之前,而如果只有几行代码,我可以将其放在头部,因为那不会减慢加载速度太多? - Bluefire