在Chrome浏览器中执行外部JavaScript脚本，可以通过多种方式实现，具体取决于你的需求和环境，以下是几种常见的方法：
1. 通过<script> 标签引入外部JS文件
这是最常见也是最简单的方法，你可以在HTML文件中使用<script> 标签来引入外部的JavaScript文件。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>External JS Example</title>
</head>
<body>
<h1>Hello World!</h1>
<script src="path/to/your/external-script.js"></script>
</body>
</html> 在这个例子中，external-script.js 是你希望引入的外部JavaScript文件。
2. 动态创建<script> 标签并插入到DOM中
你也可以在运行时动态地创建一个<script> 标签并将其插入到DOM中，这种方法通常用于需要根据某些条件加载不同脚本的场景。
function loadExternalScript(url) {
var script = document.createElement('script');
script.src = url;
document.head.appendChild(script);
}
loadExternalScript('path/to/your/external-script.js'); 3. 使用fetch API 获取并执行外部JavaScript代码
你还可以使用现代浏览器提供的fetch API 来获取外部JavaScript代码，并在获取后执行它。
fetch('path/to/your/external-script.js')
.then(response => response.text())
.then(script => {
const scriptElement = document.createElement('script');
scriptElement.text = script;
document.head.appendChild(scriptElement);
})
.catch(error => console.error('Error loading the script:', error)); 使用第三方库或框架
有些第三方库或框架提供了更简便的方法来加载和管理外部脚本，RequireJS是一个JavaScript模块加载器，它可以帮助你管理依赖关系并按需加载脚本。
表格对比不同方法
| 方法 | 优点 | 缺点 |
|