该怎么动态加载javascript文件并立即执行？

以下是一个IIFE动态加载javascript文件并立即执行的代码示例：

(function () {
  var script = document.createElement('script');
  script.onload = function () {
    console.log('Script loaded and executed.');
  };
  script.src = 'path/to/my/script.js';
  document.head.appendChild(script);
})();

解释一下代码：

• 这个IIFE创建一个 script 元素，并将其添加到文档头中。
• script 的 onload 事件处理程序在脚本完成加载和执行时触发，日志显示'脚本已加载并执行”。
• script.src 是要加载的脚本的路径。

需要注意，动态加载的脚本源必须支持跨域，否则会引发安全错误。若要覆盖跨域问题，可以改用JSONP或CORS请求。

(function () {
  var script = document.createElement('script');
  script.onload = function () {
    console.log('Script loaded and executed.');
  };
  script.src = 'http://remote.com/path/to/my/script.js?callback=myCallback';
  document.head.appendChild(script);
})();

在该示例中，动态加载远程 JavaScript 文件时，我们添加了查询参数 callback=myCallback（来自 JSONP），以便服务器返回一个JavaScript函数调用。 然后在此函数中调用 script.onload 事件。 注意：这要求所加载的JS代码将函数调用作为参数传入。