javascript - 加载异步时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

async 是 script 标签的新 HTML5 属性。您需要检查浏览器支持。支持时，您根本不必拥有自定义脚本；写吧：

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