javascript - 浏览器加载策略,<head>...<body>

标签 javascript html

我正在检查浏览器的一些有趣行为,我不知道它是否符合标准。如果我把所有东西都放在里面<head></head> , 浏览器只有在 head 中的所有资源都被检索后才会开始渲染页面。

所以我在想,把尽可能少的东西放在头上是重要的网站优化技术之一,对吗?我的问题是:

如果我将脚本/css 放在正文或 html 的其他部分,我怎么知道脚本已成功加载,这样我就不会调用未定义的函数?

最佳答案

简短回答:您真的应该将脚本标签放在 <body> 的最后元素。样式标签应放在 <head> 中,否则每次加载新样式表时都必须重新呈现文档,因此您确实希望在文档开始呈现之前加载它们。

至于使用尚未加载的javascript代码。当然你不应该过早绑定(bind)任何事件或任何东西,理想情况下不应该在页面中使用内联 javascript。如果您真的必须在页面中包含内联代码,解决方案可以是仅使用窗口 onload 事件进行初始化。

关于javascript - 浏览器加载策略,<head>...<body>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4573928/

相关文章:

javascript - 我想改变 javascript 时间相关的 div 的背景颜色

javascript - 检查数据绑定(bind)不适用于 Knockout js 中的单选按钮

Javascript 检查键盘状态

javascript - 我们可以将 "function declaration"也定义为 "function statement"吗?

javascript - 在json中查找并在另一个json中设置

html - 防止 flexbox 元素根据段落拉伸(stretch)

javascript - jQuery 集合、功能和组织

javascript - 添加name属性导致ID值成为IE和Opera中文档对象的属性?

jQuery UI slider 应用于输入

html - 使用 CKEditor 编辑整个网站