如果任何人，因为他的脚本违反了script-src的“内容安全策略”或“因为不安全的eval'是不允许的”而加载失败，我将建议使用我的相当小的模块注入器作为dev-tools片段，那么你将能够像这样加载:

进口(“https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.js”) 犹豫(()= > alert('今天是${时刻().format (dddd)} ')); < script src = " https://raw.githack.com/shmuelf/PowerJS/master/src/power-moduleInjector.js " > < /脚本>

这个解决方案是可行的，因为:

它在xhr中加载库-这允许从控制台进行CORS，并避免了script-src策略。 它使用xhr的同步选项，允许您停留在控制台/代码片段的上下文中，因此您将有权限对脚本进行评估，而不会被视为不安全的评估。

我用这个在控制台加载ko knockout对象

document.write("<script src='https://cdnjs.cloudflare.com/ajax/libs/knockout/3.5.0/knockout-3.5.0.debug.js'></script>");

或本地托管

document.write("<script src='http://localhost/js/knockout-3.5.0.debug.js'></script>");

appendChild()是一种更原生的方式:

var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'script.js';
document.head.appendChild(script);

如果任何人，因为他的脚本违反了script-src的“内容安全策略”或“因为不安全的eval'是不允许的”而加载失败，我将建议使用我的相当小的模块注入器作为dev-tools片段，那么你将能够像这样加载:

进口(“https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.js”) 犹豫(()= > alert('今天是${时刻().format (dddd)} ')); < script src = " https://raw.githack.com/shmuelf/PowerJS/master/src/power-moduleInjector.js " > < /脚本>

这个解决方案是可行的，因为:

它在xhr中加载库-这允许从控制台进行CORS，并避免了script-src策略。 它使用xhr的同步选项，允许您停留在控制台/代码片段的上下文中，因此您将有权限对脚本进行评估，而不会被视为不安全的评估。

你是否使用AJAX框架?使用jQuery它将是:

$.getScript('script.js');

如果您不使用任何框架，请参阅Harmen的答案。

(也许用jQuery来做这个简单的事情是不值得的(也许是值得的)，但如果你已经加载了它，那么你不妨使用它。我见过一些网站加载了jQuery，例如Bootstrap，但仍然直接使用DOM API，这种方式并不总是可移植的，而不是使用已经加载的jQuery，许多人都没有意识到getElementById()在所有浏览器上都不能一致工作的事实-详情请参阅这个答案。)

更新:

我写这个答案已经有很多年了，我认为值得在这里指出的是，今天你可以使用:

SystemJS ModuleLoader jspm.io

动态加载脚本。这些可能与阅读这个问题的人有关。

参见Guy Bedford的Fluent 2014演讲:ES6模块的实际工作流程。

var el = document.createElement("script"),
loaded = false;
el.onload = el.onreadystatechange = function () {
  if ((el.readyState && el.readyState !== "complete" && el.readyState !== "loaded") || loaded) {
    return false;
  }
  el.onload = el.onreadystatechange = null;
  loaded = true;
  // done!
};
el.async = true;
el.src = path;
var hhead = document.getElementsByTagName('head')[0];
hhead.insertBefore(el, hhead.firstChild);