动态加载JavaScript文件有哪些方法？

4 min read

动态加载JS文件的常见方法有以下几种：

  1. 使用<script>标签动态添加到HTML页面中：

    const script = document.createElement('script');
script.src = 'path/to/js/file.js';
document.body.appendChild(script);

  2. 通过XMLHttpRequest对象异步加载：

    const xhr = new XMLHttpRequest();
xhr.open('GET', 'path/to/js/file.js', true); 
xhr.onreadystatechange = function () {
  if (this.readyState === 4 && this.status === 200) {
    eval(xhr.responseText); // 或者把响应文本插入新创建的script标签
  }
};
xhr.send();

  3. 使用jQuery的getScript方法：

    $.getScript('path/to/js/file.js', function() {
  // 在JS文件加载完成之后执行的回调函数
});

以上方法都可以实现动态加载JS文件，一般使用第一种方法即可满足大多数需求。