重定向页面，新网页

我有one.html和two.html，当用户输入了one.html网址，以消息的对话框说：“你将被重定向到新的网页”应该是我的要求是显示，用户可以点击确定按钮继续或在10秒内对话框应该自动关闭，用户应该重定向到新的页面（two.html）。请建议。重定向页面，新网页

PS：我能够在一定程度上得到结果，但问题是我能够看到one.html和它的对话框，而用户不应该看到one.html，只有对话框有消息和OK按钮应该被dispalyed到用户和10秒后，如果用户不点击OK按钮，它应该重定向到two.html页。

来源

2016-06-08 user222

将这个脚本里面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上面的代码。

来源

2016-06-08 03:33:33

我不想显示的one.html给用户的内容，应该就可以显示一个对话框或警告框消息，用户可以单击OK按钮在10或继续对话框/提醒框应该自动关闭并显示two.html页面。 – user222

请看我答案的第二部分。 –

感谢您的支持，但它不工作，在加载one.html之前它应该显示带有消息的对话框，10秒后或用户单击确定页面应该重定向到另一页面。这是因为我的旧网页已被修改为新页面，所以当用户在浏览器中给出旧网址时，只想显示带有消息的对话框而不加载旧内容，然后显示新网页。 – user222

如果你的目标只是重定向的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>

来源

2016-06-08 03:36:01 RAM

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，或一些其他类型。
确认（）方法的=确认（）方法显示与指定的信息的对话框，具有行和一个取消按钮沿。
如果OK按钮用户按下然后它会重定向与使用功能 “window.location.href”

来源

2016-06-08 03:59:24

要求不仅仅是重定向，我不想显示旧网页的内容。 div的可见性选项是否工作？请提出建议。 – user222

阅读我的新答案...添加属性显示CSS：无 –

到two.html - 加入这个CSS在头

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

可能会有所帮助....

来源

2016-06-09 05:43:53

重定向页面，新网页

回答

相关问题