当用户点击 Jade 模板上的按钮时，如何创建一个弹出的表单？我在 HTML 中尝试了以下内容，它有效：
http://www.formget.com/how-to-create-pop-up-contact-form-using-javascript/
现在要在我的 Node.js 项目中使用它，我需要为表单本身创建一个单独的 Jade 文件吗？这就是我尝试过的，然后我尝试显示这样的表单：
function div_show() {
alert("Test");
document.getElementById('abc').style.display = "block";
}
不幸的是，这不起作用。在 Jade 中创建弹出表单的推荐方法是什么？我真的对 Jade 感到困惑，我似乎找不到一个好的教程，HTML 有很多负载......
感谢您的帮助！
【问题讨论】：
通常你会使用：
document.getElementById('abc').style.visibility="visible";
要隐藏您的表格，请使用：
document.getElementById('abc').style.visibility="hidden";
使用“样式”属性时，您使用的是纯 css 命令。确保您的默认 div 样式设置将其“隐藏”，如果这是您想要的。
此显示：块；可见性：隐藏；'必须存在于该 div 样式的默认设置中，以便 DOM 对其所控制的内容具有清晰的路径。本身 'display:block;'不会隐藏或使对象可见，它主要是关于 div 作为对象容器创建的形状。
作为一个选项，您可以使用：
document.getElementById('abc').style.display="block";
要隐藏您的表格，请使用：
document.getElementById('abc').style.display="none";
为此，您可以将 div 样式设置设置为 'display:none;visibility:visible;.
在这种情况下，'display="none"' 从所有显示层中删除对象，并允许其他对象填充它的空间。当它可见时，它会将同一 z-index 上的其他对象推开。如果它有更高的 z-index，比如 +100，它会在页面上的其他对象上方弹出。
'visibility' 属性只控制对象的可见性，它不会将其从显示内存。即使不可见，它仍然会占用空间。 'opacity' 属性做同样的事情，除了它允许你也可以让一个对象像你喜欢的那样透明。
【讨论】：