异步加载时Javascript不起作用

Question

我的页面上有以下代码：

<script src="https://chatserver.comm100.com/js/LiveChat.js?siteId=&amp;planId=2594&amp;partnerId=-1" type="text/javascript"></script>

该脚本需要花费很长时间才能加载，因此我想异步加载它，因此在下载/重新呈现页面的其余部分时，它是自己做的。 所以我输入以下代码：

(function() {
    var s = document.createElement('script');
    s.type = "text/javascript";
    s.src = 'https://chatserver.comm100.com/js/LiveChat.js?siteId=&planId=2594&partnerId=-1';
    var x = document.getElementsByTagName('script')[0];
    x.parentNode.insertBefore(s,x);
  })();

但是当我使用后者时，代码无法运行。 由于文件已缩小，因此调试起来有点困难。

关于异步加载，我有什么想念的吗？ 我还需要采取其他步骤吗？

谢谢！

Answer 1

异步是脚本标记的新HTML5属性。 您需要检查浏览器支持 。 受支持时，您完全不必拥有自定义脚本。 写吧：

<script ... async="async"></script>