Javascript在异步加载时不起作用

Javascript not working when loaded async

本文关键字:不起作用 加载 异步 Javascript      更新时间:2023-09-26

我的页面上有以下代码:

<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=&amp;planId=2594&amp;partnerId=-1';
    var x = document.getElementsByTagName('script')[0];
    x.parentNode.insertBefore(s,x);
  })();

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

关于异步加载,我缺少什么吗?我需要采取任何其他步骤吗?

谢谢!

async 是脚本标记的新 HTML5 属性。 您需要检查浏览器支持。 如果支持,则根本不需要自定义脚本;只需写:

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