javascript - 动态改变js文件的src

Question

尝试动态更改 js 文件的 src 属性。

<script id='mod' src="arts.js"></script>
<script src="main.js"></script>

在arts.js里面我有:

$(document).on('click', function(){
    console.log('arts');
});

在banns.js里面我有:

$(document).on('click', function(){
    console.log('banns');
});

在 main.js 中我有:

$(document).on('contextmenu', function(){
    $('#mod').attr('src', 'banns.js');
});

右键单击后，我期待下一次单击写入 banns 但它不起作用。

是否可以(无需重新加载页面)？

Answer 1

更改 DOM 中现有脚本标记的 src 不会执行任何操作。相反，创建另一个脚本标记，设置其src，并将其附加到 DOM。

不过，这不会否定之前的脚本标记所做的任何事情 - 如果您想禁用之前添加的点击监听器，则需要明确执行此操作:

document.body.appendChild(document.createElement('script')).src = 'banns.js';

并且在 banns.js 内，设置新的点击监听器之前:

$(document).off('click');