Javascript 图像赢得'；在onLoad函数上不显示

我在一个网站上工作，那里的人进入它，必须与加载的图像提示。这个图像和任何图像一样，但显然它不会显示出来。我有一个onLoad函数和onClick函数，因此一旦图像显示，用户只需单击图像，理论上它就会消失。 我有一个变量，它从一开始是“false”，然后一旦页面被加载，它应该变为“true”，然后一旦点击图像，它应该再次变为“false”。这样，控制图像是否显示就相当容易了

我不完全确定什么是错的，因为在我看来一切都是对的

这是我的密码

var popUP=false；
函数popUpOpen（）{
var=true；
}
函数popUpClose（）{
var=false；
}
如果（弹出=真）{
document.getElementById（'popUpStart'）。style.visibility='visible'；
}否则{
document.getElementById（'popUpStart'）。style.visibility='hidden'；
}

#popUpStart{
位置：绝对位置；
左：50%；
最高：50%；
左边距：-325px；
利润上限：-220px；
z指数：3；
}

---

您真正的问题是，检查弹出窗口是否为真的代码在onLoad发生之前只运行了一次。您可以更改popUp的值，但这不会更改图像的可见性

你想要的是：

var popUp = false;

function updateImage()
{
    if (popUp === true) {
        document.getElementById('popUpStart').style.visibility='visible';
    } else {
        document.getElementById('popUpStart').style.visibility='hidden';
    }
}

function popUpOpen(){
    popUp = true;
    updateImage();
}

function popUpClose() {
    popUp = false;
    updateImage()
}

---

请注意，在函数中删除“var”，并在比较中使用“==”而不是“=”。真正的问题是，检查弹出窗口是否为真的代码只运行了一次，甚至在发生onLoad之前。您可以更改popUp的值，但这不会更改图像的可见性

你想要的是：

var popUp = false;

function updateImage()
{
    if (popUp === true) {
        document.getElementById('popUpStart').style.visibility='visible';
    } else {
        document.getElementById('popUpStart').style.visibility='hidden';
    }
}

function popUpOpen(){
    popUp = true;
    updateImage();
}

function popUpClose() {
    popUp = false;
    updateImage()
}

---

请注意，在函数中删除“var”，并在比较中使用“==”而不是“=”的更改。

change

var popUp=true至
弹出窗口=真也
样式。可见性
函数应在onload@FastSnail，我很欣赏你的快速回答，你是说在start中的variable语句上，还是在function语句之后？你是在重新定义一个在外部范围内的变量。删除ifs中的var。进行重新分配，而不是重新声明用于比较。
（popUp=true）
应该是
（popUp=true）
change
var popUp=true至
弹出窗口=真也
样式。可见性
函数应在onload@FastSnail，我很欣赏你的快速回答，你是说在start中的variable语句上，还是在function语句之后？你是在重新定义一个在外部范围内的变量。删除ifs中的var。进行重新分配，而不是重新声明用于比较。
（popUp=true）
应为
（popUp=true）