应该jQuery文件总是在里面吗?

时间:2011-02-13 09:28:12

标签: jquery

jquery相关的代码外部文件(插件等)是否总是在html的头部,或者它也可以包含在正文的某个地方?

6 个答案:

答案 0 :(得分:2)

不一定。传统上,javascript代码应放在<head>标记中,但您也可以将其放在<body>标记中。

根据Yahoo performance article,您应该将代码放在</body>代码之前的页面末尾。

<强>引用

  

将脚本放在底部

     

脚本引起的问题是   他们阻止并行下载。该   HTTP / 1.1规范表明   浏览器下载不超过两个   每个主机名并行的组件。   如果您从多个图像提供图像   主机名,你可以得到两个以上   下载并行发生。的虽然   然而,脚本正在下载   浏览器不会启动任何其他   下载,甚至是不同的   主机名。

     

在某些情况下,这并不容易   将脚本移到底部。如果,为   例如,脚本使用   document.write插入部分内容   页面的内容,它无法移动   在页面下方。可能还有   范围问题。在许多情况下,那里   是解决这些问题的方法   的情况。

     

经常提出另一种建议   出现的是使用延迟脚本。   DEFER属性表示   脚本不包含   document.write,是一个线索   浏览器,他们可以继续   渲染。不幸的是,Firefox   不支持DEFER属性。   在Internet Explorer中,脚本可以   被推迟,但没有那么多   期望。如果脚本可以延期,   它也可以移到底部   这页纸。 这将使您的网络   页面加载速度


如果您正在操作DOM,则需要确保javascript代码能够通过将其放置在适当的位置来查找DOM元素。您也可以使用window.onload事件。

答案 1 :(得分:2)

You can use a SCRIPT element either in HEAD, BODY, or wherever an inline element is allowed.

此外,许多人建议put SCRIPT at the end of BODY改进文档的加载。您还可以使用Head JS等工具来进一步提高加载效果。

答案 2 :(得分:0)

可以包含在<script type="text/javascript" language="javascript"></script>代码中

看看这篇文章:

  • Best practices for modern Javascript development
    • 使用正确的标记
    • 将代码保存在外部文件中
    • 不要将代码包装在HTML注释中
    • 始终使用var
    • 声明变量
    • 保持代码不引人注目
    • 将您的脚本包含在HTML文件的底部
    • 使用JSLint
    • 不要使用document.write

答案 3 :(得分:0)

它不需要位于页面底部,也可以位于页面底部。出于性能原因,最好在最后加载jquery。

答案 4 :(得分:0)

jquery是javascript,因此它应该在正文中工作,但是,对于像我这样的oop程序员来说,一个好的编码标准就是把它放在一个不同的文件中,如果可能的话,只用头来做小事。我不倾向于使用身体,如果我可以帮助它,因为那里通常有这么多!你想做什么?

答案 5 :(得分:0)

不,他们没有,但请记住,<head>部分内的任何内容都会在<body>中的元素之前加载。