Question

当我点击一个按钮时，我有一个场景，然后必须打开一个弹出窗口，询问＆＃34;你想要执行此操作吗？＃34;。有两个按钮确定和取消。按下任何一个按钮控制必须转到控制器并完成所需的任务。

在谷歌之后，我找到了一种使用windows.open的方法，但我无法在此处应用我的css，并且没有特定的网址。所以这没效果。

我已经尝试过，当页面加载一个有这些数据的div应该隐藏，点击之后必须显示但是这不会给弹出的感觉。

<body onload="hide()">
    <center>
        <script>
            function hide() {
                document.getElementById("show").style.visibility = "hidden";
            }

            function show() {
                document.getElementById("show").style.visibility = "visible";
            }
        </script>
        <div id="form">
            <form method="get">
                <div id="show">Demo</div>
                <table>

                    <tr>
                        <td></td>
                        <td><a id="dialog-link" href="">
                            <button type="button" value="Show Pop up"
                                    onclick="show()">Click</button>
                        </a></td>
                    </tr>
                </table>
            </form>
        </div>
    </center>
</body>

Answer 1

我的猜测： 1.添加样式＆＃34;显示：无＆＃34;，这将隐藏DOM中的元素。 2.使用JS更改该属性。

<body onload="hide()">
    <center>
        <script>
            function hide() {
            document.getElementById("show").style.display = 'none';
            }

            function show() {
                document.getElementById("show").style.display = 'block';
                            }
        </script>
        <div id="form">
            <form method="get">
                <div id="show" style="display: none;">Demo</div>
                <table>
                     <tr>
                        <td></td>
                        <td><a id="dialog-link" href=""><button type="button"
                                    value="Show Pop up" onclick="show()">Click</button></a></td>
                    </tr>
                </table>
            </form>
        </div>
    </center>
</body>

这是一个类似的主题： javascript hide/show element

如果你想要的东西不仅仅是一个确认模式，更多的css，我会进入bootstrap，因为从头创建一个模态窗口有时很难，而bootstrap为你提供了免费的API。但它会在你的应用程序中使用jQuery。

Answer 2

我认为您需要确认框：

     function show() {
 confirm("do your operation!");
}

如何在点击按钮时打开自定义弹出窗口？

2 个答案: