重定向頁面，新網頁

我有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

重定向頁面，新網頁

回答

相關問題