异步加载脚本文件

如何从服务器异步加载JavaScript文件并自动执行


异步加载外部脚本很简单。创建一个脚本标记,设置其src属性,并将其注入到DOM树中:


var script = document.createElement('script'),
scripts = document.getElementsByTagName('script')[0];
script.src = url;
scripts.parentNode.insertBefore(script, scripts);
      

分析是使用此技术的两个示例。 提示:在页面加载时请求此类脚本文件时,建议使用包含async(和defer)属性的标准脚本标签:


<script src="https://hai-fe.com/index.js" async defer></script>
      

HTML5属性异步告诉浏览器在不阻止页面的情况下加载此脚本。 defer的功能基本相同,但也可以在多个旧版浏览器上使用。