0

我怎么能关闭这个弹出窗口？在这段代码中，我打开一个弹出窗口，在另一个页面中显示一些代码。我需要一个按钮来关闭此弹出窗口。

<script type="text/javascript">
    var xmlhttp;
    function showpopup(id) {
        document.getElementById('popup').style.display = 'block';
        if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        }
        else { // code for IE6, IE5
            xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
        }
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById('response').innerHTML = xmlhttp.responseText;
            }
        };
        xmlhttp.open('GET', 'more-messages.php?id=' + id, true);
        xmlhttp.send();
    }
</script>

    <a href='#' onclick=\"showpopup($id)\">link to ID</a>
    <div id='popup' style='background-color: #888888; position: absolute; top: 0; left: 0; opacity: 0.4; display: none; width: 100%; height: 100%'>
    </div>
    <div id='response' style='position: absolute; top: 0; left: 0; width: 40%; margin-top: 14.5%; margin-left: 30%; border: 1px solid balck; background-color: #ffffff; border-radius: 25px;'>
    </div>
4

2 回答 2

0

或者，如果您打开了带有一些 css 属性的自定义 div，则可以将其隐藏起来

document.getElementById('popup').style.display = 'none';

在子页面中，您可以编写如下函数

    <html>
<head>

    <script language="Javascript">

        function redirectToFB(){
            window.opener.location.href="http://wwww.yourdomain.com";
            self.close();
        }

    </script>

</head>
<body>

    Allow the user to view FB
    <br/>Are you sure?
    <input type="button" value="Ok" OnClick="redirectToFB()" />

</body>

让我知道我是否可以为您提供更多帮助

于 2013-05-18T10:32:37.730 回答
0

由于您的 'popup' 只是一个div具有 style 属性的元素display: none;，因此您可以像这样再次使其不可见：

将此添加到您的 JavaScript 中：

function closepopup() {
    document.getElementById('popup').style.display = 'none';

    // and maybe this:
    document.getElementById('response').innerHTML = "";
}

并将其放入您的 HTML 中以创建可点击的链接以关闭“弹出窗口”

<a href="#" onclick="closepopup()">Close the popup</a>

这实际上只是撤消了您的 showpopup 函数所做的事情。

于 2013-05-18T10:37:32.920 回答