如何在Chrome控制台中包含JavaScript文件或库？

javascript include google-chrome console

2022-08-30 00:28:00

有没有更简单（也许是原生的？）方法可以在Google Chrome浏览器中包含外部脚本文件？

目前我正在这样做：

document.head.innerHTML += '<script src="http://example.com/file.js"></script>';

答案 1

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

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

答案 2

您是否使用一些AJAX框架？使用jQuery，它将是：

$.getScript('script.js');

如果你没有使用任何框架，那么看看Harmen的答案。

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

更新：

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

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

另见：Guy Bedford的Fluent 2014讲座：ES6模块的实用工作流程。