扫码关注官方订阅号
在我的 html 文档内的 body 标记的底部,我有 2 个脚本标记,其中 type="module"。下面有一个脚本标记,其中包含一些嵌入代码,这些代码取决于前两个脚本的结果。
body
type="module"
有没有办法确保只有前两个脚本完成后才执行此代码?
<script> 带有 type="module" 的标签会被自动赋予 defer 属性(参见 脚本的加载和执行顺序),所以为了让第三个标签在后面运行,它也需要推迟。由于内联脚本不可能做到这一点(如注释中所述),因此您可以将脚本移动到另一个文件并使用 src 属性引用它,或者将代码包装在 DOMContentLoaded 事件的事件侦听器中(请参阅 https://stackoverflow.com/a/41395202/19461620)
<script>
defer
src
DOMContentLoaded
使用外部脚本文件:
script.js
// Code inside this tag should only run after the 2 previous script tags have been executed console.log('Hello SO');
使用 DOMContentLoaded 回调:
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
<script>带有type="module"的标签会被自动赋予defer属性(参见 脚本的加载和执行顺序),所以为了让第三个标签在后面运行,它也需要推迟。由于内联脚本不可能做到这一点(如注释中所述),因此您可以将脚本移动到另一个文件并使用src属性引用它,或者将代码包装在DOMContentLoaded事件的事件侦听器中(请参阅 https://stackoverflow.com/a/41395202/19461620)使用外部脚本文件:
script.js// Code inside this tag should only run after the 2 previous script tags have been executed console.log('Hello SO');使用
DOMContentLoaded回调: