Javascript 在按钮上单击“交换正在使用”加载的JS文件；document.createElement（'；script'；）

我试图让JS文件在点击按钮时交换

下面是我试图使用的代码。 JS脚本是使用-

const script = document.createElement('script');
script.src = http://localhost:8888/test.js

单击顶部的按钮，我希望能够更改正在加载的JS文件

任何帮助都将不胜感激

const script = document.createElement('script');

const areas = 'http://localhost:8888/test.js';
const places = 'http://localhost:8888/test2.js';

$(".link1").click(function () {
    script.src = areas
});
$(".link2").click(function () {
    script.src = places
});

您忘记了在DOM中附加“脚本”。下面是使用jQuery的示例（您仍然在使用它）：

var$script=$（''）.attr（“type”，“text/javascript”）；
建筑面积http://localhost:8888/test.js';
康斯特广场酒店http://localhost:8888/test2.js';
$（'head'）。追加（$script）；
$（“.link1”）。单击（函数（）{
$script.attr（“src”，区域）；
});
$（“.link2”）。单击（函数（）{
$script.attr（“src”，places）；
});

链接1
链接2
感谢您花时间尝试和帮助，不幸的是，这对我不起作用，我现在正在创建一个代码笔，这样您可以大致了解我得到了什么以及我想要实现什么。我假设当你们点击不同的链接时，你们想要改变地图上的标记。实现这一点最简单的方法是将带有数据的变量放入脚本中，或者如果内容是动态生成的，则使用$.ajax call（）。感谢您的帮助，我现在已经成功地实现了大部分功能，但我无法在单击按钮时隐藏另一个文件。单击后，它将加载到正确按钮的右侧js文件中，但我不会对附加到第一个选定按钮的js隐藏标记。我已经用我现在使用的$.ajax调用更新了codepen。codepen的ID是否已更改？因为我看不到任何变化。编辑：在加载新标记之前，您需要删除旧标记：对不起，我只是太傻了，忘了将标记设置为清除。再次感谢你的帮助。