我应该如何将我的脚本放在我的html文件中?浏览器有什么不同吗?
<script>
元素放在<body>
<script>
元素放置在<body>
<script>
元素放置在<body>
<script>
元素放在</body>
因为我认为我以前使用过所有4种变体,但我认为</script>
元素的位置应该有一定的一致性。
答案 0 :(得分:8)
根据经验:脚本标签应该在底部,除非它们需要更高。
这是因为它们会阻止页面的其余部分呈现,直到该脚本完成执行。
我认为谷歌建议将他们的分析跟踪脚本放在首位。如果人们在加载之前离开您的网站,他们仍然可以跟踪访问。
答案 1 :(得分:0)
你几乎可以放在任何地方,但主要的方法是将它放在<head>
或身体部位之后。放置文档的所有正文后将加快页面加载
答案 2 :(得分:0)
我认为这取决于脚本文件的用法。 文档中较高的文件会在较早时加载,但是您是否需要尽快加载?
Google建议不要在头部加载javascript(https://developers.google.com/speed/docs/insights/BlockingJS)。
但是一些跟踪代码(以及谷歌分析也是:https://support.google.com/analytics/answer/1008080?hl=en)需要放在文档的head部分,以便正确收集数据。
此外,javascript可用于内容加载等,因此应尽可能放置。
答案 3 :(得分:0)
将所有同步(正常的)加载脚本放在<body>
的底部是一种很好的做法,因为它们阻止了页面其余部分的呈现。
但是,异步加载的脚本和跟踪器(即Google Analytics)可以放在任何地方,因为它们是下载并且并行执行的,它们应该尽快启动。
对于同步脚本,顺序由依赖关系确定,通常首先是基本框架(即jQuery),然后是模块或插件,然后是你自己的“inicialization”代码。
答案 4 :(得分:0)
通常在页面完全加载后执行脚本代码是必要的。在这种情况下,默认选项就在</body>
标记之前。
在某些情况下,您需要在页面加载到head标记之前包含脚本。