有没有一个更简单的(本机也许?)方法,包括一个外部脚本文件在谷歌Chrome浏览器?
目前我是这样做的:
document.head.innerHTML += '<script src="http://example.com/file.js"></script>';
有没有一个更简单的(本机也许?)方法,包括一个外部脚本文件在谷歌Chrome浏览器?
目前我是这样做的:
document.head.innerHTML += '<script src="http://example.com/file.js"></script>';
当前回答
你可以获取脚本作为文本,然后求值:
eval(await (await fetch('http://example.com/file.js')).text())
其他回答
在chrome中,你最好的选择可能是在开发人员工具中的源代码下的snippet选项卡。
它将允许您编写和运行代码,例如,在一个about:空白页面中。
更多信息请访问:https://developers.google.com/web/tools/chrome-devtools/debug/snippets/?hl=en
你可以获取脚本作为文本,然后求值:
eval(await (await fetch('http://example.com/file.js')).text())
你是否使用AJAX框架?使用jQuery它将是:
$.getScript('script.js');
如果您不使用任何框架,请参阅Harmen的答案。
(也许用jQuery来做这个简单的事情是不值得的(也许是值得的),但如果你已经加载了它,那么你不妨使用它。我见过一些网站加载了jQuery,例如Bootstrap,但仍然直接使用DOM API,这种方式并不总是可移植的,而不是使用已经加载的jQuery,许多人都没有意识到getElementById()在所有浏览器上都不能一致工作的事实-详情请参阅这个答案。)
更新:
我写这个答案已经有很多年了,我认为值得在这里指出的是,今天你可以使用:
SystemJS ModuleLoader jspm.io
动态加载脚本。这些可能与阅读这个问题的人有关。
参见Guy Bedford的Fluent 2014演讲:ES6模块的实际工作流程。
如果任何人,因为他的脚本违反了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的同步选项,允许您停留在控制台/代码片段的上下文中,因此您将有权限对脚本进行评估,而不会被视为不安全的评估。
appendChild()是一种更原生的方式:
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'script.js';
document.head.appendChild(script);