Question

我正试图通过单击按钮来交换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
});

https://codepen.io/DCReddish97/pen/EJQgyR

Answer 1

您忘记将“脚本”附加到DOM。下面的示例使用jQuery（无论如何您都在使用它）：

var $script = $('<script>').attr("type", "text/javascript");
const areas = 'http://localhost:8888/test.js';
const places = 'http://localhost:8888/test2.js';

$('head').append($script);

$(".link1").click(function () {
  $script.attr("src", areas);
});
$(".link2").click(function () {
    $script.attr("src", places);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="link1">LINK 1</button>
<button class="link2">LINK 2</button>

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

1 个答案: