javascript - 如何终止一个javascript函数

Question

我正在使用 javascript 构建一个具有四种颜色的着色工具。 我首先用绿色绘制，但是当我单击红色按钮时，它会一直显示为绿色。 每种颜色都连接到一个按钮，该按钮调用不同的 javascript 文件 谁能帮我弄清楚如何结束一个脚本以开始调用另一个脚本

我上网查了一下，但找不到任何有用的东西。

功能运行良好。

这是单击按钮后调用 javascript 文件的代码。

var btn = document.getElementById('green');
var loaded = false;
btn.addEventListener('click', function (e) {
    if(loaded) return;
    loaded = true;
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'green.js';
    var first = document.getElementsByTagName('script')[0];
    first.parentNode.insertBefore(script, first);
    if(window.addEventListener) {
        script.addEventListener('load', function (e) {
            // now you can access the functions inside the JS file
        });
    } else {
        script.onreadystatechange = function () {
            if(this.readyState === "loaded" || this.readyState === "complete") {
                // access the functions in the JS file
                script.onreadystatechange = null;
            }
        };
    }
});

Answer 1

代码看起来很复杂，会问这样的问题:)。

也许您应该将脚本文件连接到按钮 (button.script = ...) 然后将 first.parentNode.insertBefore(script, first) 放在:

之上

if(loaded) return;

行。