在身体标记结束之前放置jQuery/javascript源页面

Rin*_*rge 0 javascript jquery

我已经在几个插件指令中看到,在body标记结束之前粘贴javascript/jQuery源代码.我做了搜索,为什么他们这样说,没有任何意义.

如果我将src文件放在脚本中的任何地方,我根本不会遇到任何问题.有人能给我一个很好的答案吗?

jfr*_*d00 7

如果javascript代码没有引用DOM或DOM中的任何对象,那么它可以放在页面的任何位置.

如果您将HTML放在标签之前的body标签中</body>,那么在脚本加载之前将对页面进行解析和显示,这样可以更快地显示页面.因此,您看到的建议是最大化页面的初始显示性能.

如果javascript引用DOM或DOM中的任何对象,那么它必须要么具有特殊代码以等待在使用$(document).ready(fn)jQuery之类的内容执行之前加载DOM,或者必须在DOM之后物理地加载代码以便它赢得' t执行直到加载DOM.

当然,代码必须在它的初始执行立即依赖的任何代码之后加载.因此,需要在jQuery库本身之后加载jQuery插件.

这是一套通用指南:

  1. 在页面中尽可能晚地放置代码,以最大限度地提高页面的显示性能.
  2. 将代码放在其初始执行所依赖的任何其他库之后.
  3. <head>只有在文档加载之前需要执行或使用该代码时才将代码放入该部分.例如,如果您的代码正在检查URL和cookie并决定是否进行客户端重定向,那么您希望该代码立即执行,以便您可以将该代码放在该<head>部分中,以便它可以在DOM加载之前执行或显示.作为另一个例子,如果你有一些内联javascript需要某些函数在页面加载期间可用(例如一些内联javascript,它会document.write()调用一些实用程序函数),然后将这些实用程序函数放在该<head>部分中,以便它们可用作页面负载.
  4. 如果在页面加载之前没有理由执行代码,或者代码需要访问DOM本身,那么将代码放在</body>标记之前以优化页面显示时间并将代码放置在DOM准备好进行操作的位置时代码运行.
  5. 尽可能将代码放在外部JS文件中,以最大限度地利用浏览缓存.