javascript - 在 JavaScript 中使用回流隐藏元素，它与 CSS 隐藏属性有何不同？

Question

我有两个按钮，一个传递 true 参数，另一个不传递。当我按下它们时，这两个按钮都消失了。但是每个按钮的幕后究竟发生了什么？

如果您觉得这段代码很熟悉，它来自 JavaScript: The Definitive Guide 6th Edition .好书!

还有一件事。在 C++ 和 Java 中，省略参数会导致编译错误。在 C# 中，您可以将第二个参数更改为可选参数，这样就可以了。在 JavaScript 中，我不必这样做。 JavaScript 中的所有参数都是可选的吗？

JavaScript:

function hide(e, reflow) {
    if (reflow) {
        e.style.display = "none";
    }
    else {
        e.style.visibility = "hidden";
    }
}

HTML:

<button onclick="hide(this,true); debug('hide button 1');">Hide1</button>
<button onclick="hide(this); debug('hide button 2');">Hide2</button>

Answer 1

是的，JavaScript 中的所有参数都是可选的。

display:none 类似于width:0;高度:0，如果您将 visibility 设置为 hidden 按钮留在原处，但它是不可见的。