Question

我有one.html和two.html，我的要求是当用户输入one.html的网址时，会出现一个消息说明＆＃34;您被重定向到新网页的对话框＆＃34;应显示，用户可以单击“确定”按钮继续，或者在10秒内对话框应自动关闭，用户应重定向到新页面（two.html）。请建议。

PS：我能够在某种程度上获得结果，但问题是我能够看到one.html及其上的对话框，而用户不应该看到one.html，只有带有消息和确定按钮的对话框应该显示给用户，如果用户没有点击确定按钮10秒后，它应该重定向到两个页面。

Answer 1

将此脚本放在one.html中。代码不言自明。

<script>
function redirectToPage2(){
    var redirectUrl = "two.html"
    message= "You will be redirected to Page 2. Click <a href='"+redirectUrl+"'>here</a> if you are not redirected in 10 seconds.";
    $(body).innerHTML=message;  
    setTimeout(function(){
        window.location=redirectUrl;
        }, 10000);  // will redirect after 10 seconds
    }
}
window.onload = redirectToPage2;
</script>

如果你不想看one.html，你需要另一个页面 - 比如说three.html。代码看起来像这样。

One.html

<script>
    window.onload = "Three.html";
</script>

将上述代码放在Three.html中。

Answer 2

如果您的目标只是将one.html的观看者重定向到two.html，您可以尝试以下代码：

<meta http-equiv="refresh" content="0;two.html">

或者如果您计划在重定向之前加载某些内容，请尝试以下操作：

<script language=javascript>
function redirect(){
  // do stuffs
  window.location = "two.html";
}
</script>
<body onload="redirect()">
  <!-- your content -->
</body>

Answer 3

<强> one.html

<script src="jquery-1.12.2.min.js"></script>
<script>

window.onload = function myFunction() {
    if (confirm("Are you sure you want to redirect with two.html page ?") == true) {
        window.location.href="two.html";
    } 
}
</script>

说明：

包含所需的javascript文件。
window.onload =加载网页时，页面上的代码 - 无论是HTML，CSS，PHP还是其他类型。
confirm（）方法= confirm（）方法显示一个带有指定消息的对话框，以及一个OK和Cancel按钮。
如果用户按下OK按钮，则会使用“window.location.href”函数重定向到two.html页面

Answer 4

- 在标题中添加此CSS

<style>
    body
    {
        display:none;
    }
 </style>

那可能会有所帮助......

将页面重定向到新网页

4 个答案: