JavaScript的放置位置

Where to put JavaScript

本文关键字:位置 置位 JavaScript      更新时间:2023-09-26

在PluralSight传统JavaScript函数部分的高级JavaScript技术和jQuery类的5分钟标记处,Kevin Murray将他的脚本标记放在结束体标记之后。

现在可以将脚本放在结束body标记之后吗?

您应该将它们放在小节结束之前。这样一来,你的html代码将首先加载,然后浏览器将处理你的javascript代码。因此,如果脚本出现任何错误或问题,页面的加载将不会冻结。换句话说,你的html代码将被加载,如果有任何问题,你的js代码将无法工作。另一方面,如果您将js代码包含在head部分,并且出现了任何问题,那么您的html代码甚至不会加载。

根据HTML标准,将script标记放在body标记之后是不正确的,而且几乎没有任何理由这样做。脚本标记最好放在head元素内部,如果有特定的原因,则放在body元素内部。

您可以将script标记放在body元素的最后,而不是放在它之后,这对功能几乎没有影响。此时文档中的所有元素都已经存在,因此没有正常的理由将其放在正文之外。

将脚本标记放在正文之外很可能在所有浏览器中都有效,因为它们通常会努力考虑你向它们抛出的任何HTML风格的混乱,但它不符合规范,因此不能保证所有当前浏览器都能容忍它,也不能保证任何未来的浏览器都能

此外,这样的无效代码也有可能改变浏览器解释整个HTML文档的方式。如果浏览器决定以向后兼容的怪癖模式解析文档,可能会对页面布局产生根本影响。