JavaScript内联代码,包括.js文件

时间:2010-10-11 13:23:32

标签: javascript

如果我在普通HTML标记中包含javascript并在我的页面中包含.js文件,有什么区别?

5 个答案:

答案 0 :(得分:5)

不多。建议您将JavaScript和CSS移动到外部文件主要是因为浏览器能够在不同请求之间缓存这些文件。当您的网站使用动态内容时,此优势最为明显,因此浏览器无法从缓存中检索HTML。

答案 1 :(得分:3)

同意丹尼尔,但也是为了可重用性。通过分离javascript文件,您可以通过引用它将其包含在多个页面中。

答案 2 :(得分:1)

  • 在文件中使用JS会使其更加模块化,因此您可以在多个页面上重用该代码。

  • 由于其不同的文件意味着您可以使用1个下载流用于HTML,1个用于JS,从而使页面加载速度更快。

  • 您还可以将JS缩小并隐藏在另一个文件中,以便下载更快。

答案 3 :(得分:1)

如果你在head元素中有javascript代码,并且如果你的页面在浏览器中呈现之前会执行,那么它会降低某些浏览器的用户体验。

如果您使用内联的JavaScript代码,并且在使用脚本标记的正文中,它将在遇到时立即执行。同样,它会延迟在特定标记之后加载您的页面。

这是一个更好的做法:

  1. 将其分隔为.js文件
  2. 在文件末尾添加脚本引用

答案 4 :(得分:1)

如果在<head>标记内包含.js文件,则只会在加载这些文件后加载该页面。这就是为什么有时候最好在之前加入它们。

否则,据我所知,使用<script src=...>只是语义分离。