Question

打开/关闭<div>对话框时遇到问题。我的代码如下所示：

<html>
<head>
<title>Wochenplaner</title>
<link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="dialog" style="display: none;">
    <p id="demo">test</p>
    <button onclick="close()">Close</button>
</div>


<button onclick="open()">Click me</button>

<script>
    var test = document.getElementById("dialog");
    function dialog() {
        if (test.style.display !== "none") {
            test.style.display = "none";
        } else {
            test.style.display = '';
        }
    }
    function open() {
        test.style.display = '';
    }
    function close() {
        test.style.display = "none";
    }
</script>

</body>
</html>

当我点击＆＃34;点击我＆＃34;时，按钮消失，没有其他任何事情发生。如果我使用对话框（） - 函数而不是open（）和close（）它按预期工作，<div>出现，点击按钮＆＃34;点击我＆＃34;然后点击＆＃34;关闭＆＃34;或＆＃34;点击我＆＃34;。我的问题是：为什么当我使用dialog（）时它可以工作，而不是用open（）和close（）？

Answer 1

问题是你的函数open（）的名称。改变它，它将起作用：）

Open是JavaScript中的保留字

通过Javascript函数打开和关闭对话框元素

1 个答案: