Javascript Toggle无效

Question

我使用Javascript在URL中查找“#mode2 2”，如果是的话，它将生成不同颜色的画布图像。剧本的那部分很好用。问题在生成切换超链接的脚本中。它将在第一次正确切换(因为它是脚本的不同部分)，然后切换一次或两次取决于它的起点。

也就是说，蓝色是默认的，所以如果页面加载蓝色，它会切换橙色，然后返回蓝色，然后就不能工作了，就好像是橙色，它只会切换到蓝色，然后就不能工作了。

我知道我的代码中可能有一些愚蠢的错误，但是我找不到它，所以如果有人能帮我，我会非常感激的。

<script type="text/javascript">
function toggle(blue){

if (blue == 0) {
blue = 1;
}
else if (blue == 1) {
blue = 0;
}
if (blue == 0){
var container = document.getElementById("navi");
            var content = '<a href="contact.html#mode1" title="toggle" onclick="toggle(blue);" >toggle colors</a> - <a href="index.html#mode2" title="home">back</a>';
            container.innerHTML= content;
}
else{
var container = document.getElementById("navi");
            var content = '<a href="contact.html#mode2" title="toggle" onclick="toggle(blue);" >toggle colors</a> - <a href="index.html" title="home">back</a>';
            container.innerHTML= content;

}

}

var pathArray = document.URL;
            if (pathArray.indexOf("mode2") != -1){
            var blue = 0;
var container = document.getElementById("navi");
            var content = '<a href="contact.html#mode1" title="toggle" onclick="toggle(blue);" >toggle colors</a> - <a href="index.html#mode2" title="home">back</a>';
            container.innerHTML= content;
}
else{
var blue = 1;
var container = document.getElementById("navi");
            var content = '<a href="contact.html#mode2" title="toggle" onclick="toggle(blue);">toggle colors</a> - <a href="index.html" title="home">back</a>';
            container.innerHTML= content;


}
</script>

Answer 1

而不是这样(针对所有事件)：

onclick="toggle(blue);"

这样做：

onclick="toggle('+blue+');"

这里有一个小提琴：http://jsfiddle.net/YF4Nc/1/