Question

我刚刚开始使用Javascript，我一直在尝试制作一个小问题的脚本。这是：

function hello() {

    while (!name) {

        var name = prompt("What's your name", "");
        var greetingElement = document.getElementById("greeting");

        greetingElement.style.color = "red";

        if (name == null) {
            greetingElement.innerHTML = "Boring!";
            break;
        }
        else if (name == 0) {
            greetingElement.innerHTML = "Don't you have a name";
        }
        else {
            greetingElement.innerHTML = "Hello " + name + "!";
        }
    }
}
window.onload = hello;

我的问题是，如果您在提示上按取消，我想显示一条消息，如果您没有输入输入，则我想显示另一条消息，然后按确定。据我所知，这两个动作都会导致值为null，那么如何才能显示不同的消息呢？

我在代码中所做的事情显然不是最佳的我知道。

如果按下取消，我也希望while循环结束。

Answer 1

如果您需要检查一些不同的虚假值，则需要将它们与Strict equal运算符进行比较。您可以在下面的代码中看到它。我还对您的代码进行了一些小的更改，以使其工作流畅。

function hello(){
    var greetingElement = document.getElementById("greeting");
    greetingElement.style.color = "red";
    while (!name) {
        var name = prompt("What's your name?", "");
        if (name === null || name === false) { // Canceled
            greetingElement.innerHTML = "Boring!";
            break; // Leave this out, if the name is mandatory
        }
        if (name === "") { // OK, but no name
            greetingElement.innerHTML = "Don't you have a name?";
        } else { // OK with a name
            greetingElement.innerHTML = "Hello " + name + "!";
        }
    }
}

jsFiddle

的现场演示

取消时的不同值和提示上的空输入

1 个答案: