Question

在我的HTML代码中，我想只显示链接按钮以注册或登录，然后，如果用户对两者都不感兴趣并决定关闭页面，我想问他是否会对查看列表（可能是一个对话框）然后如果他点击＆＃34;是＆＃34;，则转到列表页面。

所以，我决定让列表链接按钮在开头不可见，并使其在函数myFunction中可见，该函数应在页面关闭或刷新（另一个问题）时通过onbeforeunload调用。

即使这样可行的问题，出现的对话框也有这个标准行，表示＆＃34;页面要求您确认要离开。输入的数据可能不安全。＆＃34;而不是我返回后输入的内容。出于某些原因，我还不允许发布问题，所以请耐心等待。这似乎是默认内容。这是怎么回事？还有，有更好的方法吗？

这是我的HTML代码：

`    <!DOCTYPE HTML>
<html>
<head>

        <link rel="stylesheet" type="text/css" href="CSS/a.css">

</head>


<body onbeforeunload="return myFunction()">
        <h3>Click the appropriate button</h3>
        <div>
                <a href="Reg.html"><button style="background-color:red; color:white;">Register</button></a> <br><br>
                <a href="Login.html"><button style="background-color:red; color:white;">Login</button></a> <br><br>
                <a href="Listings.html"><button class="hidden" id='marketing' style="background-color:green; color:white;">View Listings</button>
        </div>
<script>
        function myFunction() {
                document.getElementById('marketing').style.display='block';
                return "Do you want to view listings without registering?";

}
</script>

</body>
</html>`

我的CSS代码：

input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=submit] {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}

div {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}

.hidden{
        display:none;
}





  [1]: https://i.stack.imgur.com/Q1a9W.png

Answer 1

我忘了要写什么，我只是从w3schools

这里扯来了

享受吧

function myFunction() {
    var txt;
    var r = confirm("Press a button!\nEither OK or Cancel.\nThe button you pressed will be displayed in the result window.");
    if (r == true) {
        window.location.href = "https://stackoverflow.com/"
    } else {
        txt = "You pressed Cancel!";
    }
    document.getElementById("demo").innerHTML = txt;
}

<h3>Click the appropriate button</h3>
        <div>
                <a href="Reg.html"><button style="background-color:red; color:white;">Register</button></a> <br><br>
                <a href="Login.html"><button style="background-color:red; color:white;">Login</button></a> <br><br>
                <button id='marketing' onclick="myFunction()" style="background-color:green; color:white;">View Listings</button>
        </div>
        
        <p id="demo">
        
        </p>

用户离开页面的操作

1 个答案: