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;

线。

Answer 2

要退出功能，您可以执行以下操作：return false;

如何终止javascript函数

2 个答案: