JavaScript的放置位置
Where to put JavaScript
在PluralSight传统JavaScript函数部分的高级JavaScript技术和jQuery类的5分钟标记处,Kevin Murray将他的脚本标记放在结束体标记之后。
现在可以将脚本放在结束body标记之后吗?
您应该将它们放在小节结束之前。这样一来,你的html代码将首先加载,然后浏览器将处理你的javascript代码。因此,如果脚本出现任何错误或问题,页面的加载将不会冻结。换句话说,你的html代码将被加载,如果有任何问题,你的js代码将无法工作。另一方面,如果您将js代码包含在head部分,并且出现了任何问题,那么您的html代码甚至不会加载。
根据HTML标准,将script标记放在body标记之后是不正确的,而且几乎没有任何理由这样做。脚本标记最好放在head
元素内部,如果有特定的原因,则放在body
元素内部。
您可以将script标记放在body元素的最后,而不是放在它之后,这对功能几乎没有影响。此时文档中的所有元素都已经存在,因此没有正常的理由将其放在正文之外。
将脚本标记放在正文之外很可能在所有浏览器中都有效,因为它们通常会努力考虑你向它们抛出的任何HTML风格的混乱,但它不符合规范,因此不能保证所有当前浏览器都能容忍它,也不能保证任何未来的浏览器都能
此外,这样的无效代码也有可能改变浏览器解释整个HTML文档的方式。如果浏览器决定以向后兼容的怪癖模式解析文档,可能会对页面布局产生根本影响。
相关文章:
- 如何在玩TimelineMax(GSAP)后重置原始位置
- 如何重置HTMLAudioElement's的当前播放位置为0
- 当滚动到指定的位置时,启动功能,如何重置它并重新启动,如果我们再次回到这个位置
- easeljs在不同的位置多次添加位图到舞台上
- 停止动画并重置拉斐尔.js中元素的位置
- 如何在到达帧末尾时将其位置重置回原点
- 同时加载 iframe 并重置文档位置
- 如何防止轮播容器在重置位置时过渡
- 使用轨迹球控制时重置摄像机位置/旋转
- 在拖动事件中重置位置
- 重置 jQuery UI 滑块控点位置
- 停止浮动标签重置回原始位置
- 在没有数组的4位数字中交换数字的位置
- 如何进行碰撞预防?(重置玩家对象的位置)
- 基于style.right重置位置
- 反弹球会重置到所需位置,但不会移动
- 每次单独的动画到达某个位置时,运行并重置一个动画
- 如何:使用滚动条重置分割内的滚动条位置
- 使用CSS重置位置
- 当按下后退键转到其他页面时,滚动条位置不会重置