加载异步时Javascript无法正常工作

时间:2012-06-01 19:50:00

标签: javascript jquery asynchronous

我的页面上有以下代码:

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

这个脚本需要永远加载,所以我想加载它async,所以它是自己的东西,而页面的其余部分是下载/ rendred。所以我输入了这段代码:

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

但是当我使用后者时,代码不会运行。调试有点困难,因为文件已缩小。

关于异步加载,我有什么遗漏吗?我还需要采取其他步骤吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

async是脚本标记的新HTML5属性。你会想check browser support。如果支持,您根本不必拥有自定义脚本;只写:

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