页面正文，签内嵌入但上面的签内嵌入脚本已经先动了手脚。

把JavaScript塞进``里，签内嵌入听起来像是签内嵌入个过时操作，但有些场景你绕不开。签内嵌入比如页面埋点、签内嵌入A/B测试初始化、签内嵌入或者你想在DOM构建前改掉某个全局变量。签内嵌入浏览器解析HTML是从上往下的，``里的脚本会先于``里的任何元素执行。这既是优势也是坑——你想提前干点事，但此时`document.body`还不存在，`document.getElementById`一抓一个空。 直接内联脚本最省事，像上面那段代码，`console.log`会立刻打印。但有个致命细节：如果脚本里操作了DOM元素，比如`document.querySelector('p').style.color = 'red'`，浏览器会报错，因为`

`还没解析出来。解决办法要么等`DOMContentLoaded`事件，要么把代码包进`window.onload`里，但后者会等图片资源都加载完，太慢了。我自己写工具脚本时，更倾向用`defer`属性配合外部文件——它不阻塞HTML解析，等文档解析完再按顺序执行，比`async`更可控。 还有一种情况，你确实需要同步阻塞。比如某些广告SDK或老式统计代码，它们要求在页面渲染前注入全局函数。这时直接放在``里，不带任何属性，浏览器会停下构建DOM，先跑完这段JS。代价是页面首屏会白屏几毫秒甚至几十毫秒——用户感知不到，但搜索引擎爬虫可能扣你性能分。我见过一个电商网站，把整个购物车逻辑都塞进``，结果首屏加载慢了两秒，后来全拆了。 说说`defer`和`async`的区别，这俩特容易混。`defer`保证脚本按文档顺序执行，且都在`DOMContentLoaded`之前跑完；`async`则是下载完就执行，顺序不保证。你要是依赖其他脚本，别用`async`，不然可能报“undefined is not a function”。我个人习惯：第三方统计代码用`async`，自家业务逻辑用`defer`，内联脚本只在必须同步时用。 最后提醒一句：``里别放太多脚本，每多一个请求就多一次阻塞风险。合并文件、压缩代码，能内联就内联小的，大的扔到``末尾也行——但如果你非要追求“先执行后渲染”，那``就是你的战场。记住一点：脚本执行时机比位置更重要，`defer`和`async`能帮你把性能损失降到最低，但别指望它们解决所有问题。浏览器解析到``时，你的脚本要么已经跑完，要么正在下载，这时候页面还没开始画，你有一小段“黑暗时刻”可以用来做初始化——用好了是神，用坏了是坑。

(责任编辑：知识)