javascript - 带有外部 src 加载的动态脚本

Question

有时我在加载一些广告脚本时遇到问题。如果外部服务器没有响应，则整个页面等待响应并停止加载。我怎样才能告诉那些问题脚本在之后开始执行：

1. 整个页面被加载。
2. 加载所有其他脚本。

Answer 1

使用 javascript 声明的 DEFER 属性：

<script src="script.js" type="text/javascript" defer="defer"></script>

Answer 2

你需要推迟你的脚本。这将允许在下载此脚本时加载页面的其余部分。

这是如何做到的：

<script src="yourscript.js" defer="defer" type="text/javascript"></script>

更多阅读 - http://www.websiteoptimization.com/speed/tweak/defer/

Answer 3

使用defer并不能保证它会延迟加载和运行。您可以控制希望此脚本开始加载和执行的确切时间，方法是将其动态添加到页面，方法是将<script>以下内容放在您要加载和运行的所有其他内容之后：

var head=document.getElementsByTagName('head')[0]
var script=document.createElement('script')
script.setAttribute('type', 'text/javascript')
script.setAttribute('src', "http://your-script.com/address-here.js")
head.appendChild(script)