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

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 进行比较运算符(operator)。您可以在下面的代码中看到它。我还对您的代码做了一些细微的更改，以使其顺利工作。

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