使用 Js 和复选框将一个脚本替换为另一个脚本

Question

我正在创建一个应该有点互动的页面。假设用户能够通过选中复选框来更改一堆信息。

索引.php：

<span id="changeIt">Deactivated! - [ChangeMod]<img src="pic/deactivated.png"></span>
<form action="">
<input type="checkbox" id="checkboxChange"  onclick="ChangeEverything();">Change Everything!</input>
</form>
<script TYPE="text/javascript" SRC="script/map_checkbox.js"></script>

map_checkbox.js：

    var checkbox6 = document.getElementById("checkboxChange");
    var posting6 = document.getElementById("changeIt");
    var script = document.createElement("scriptChange");
    function ChangeEverything(){
        if (checkbox6.checked){
    posting6.innerHTML="Activated! - [ChangeMod]<img src='pic/activated.png'>" ;
    script.src = 'scriptMain.js';
    var head = document.getElementsByTagName("head")[0];
    head.appendChild(scriptChange);
        }
    else{
    posting6.innerHTML="Deactivated! - [ChangeMod]<img src='pic/deactivated.png'>" ;
    script.src = 'scriptSec.js';
    var head = document.getElementsByTagName("head")[0];
    head.appendChild(scriptChange);
    }
    }

是否可以像这样覆盖脚本，还是必须使用其他方法？

Answer 1

我认为您对

    var script = document.createElement("scriptChange");

tou 必须放置标签 NAME

    var script = document.createElement("script");