首頁 > 開發者 > JavaScript
這篇文章主要介紹了用JavaScript實現頁面重新導向功能的教程,是JS入門學習中的基礎知識,需要的朋友可以參考下
頁面重新導向是什麼?
當你點擊一個URL來訪問一個網頁X，但在內部你被定向到另一頁Y，僅僅是因為頁面重新導向。這一概念是從不同於JavaScript 頁面重新整理 。
可能有各種原因，為什麼想從原來的頁面重新導向。下面列出的幾個原因：
如果不喜歡你的網域名稱，可以重新導向到一個新的。同時，要引導所有訪問者到新網站。在這種情況下，可以保持舊的網域名稱，但放在一個頁面到一個頁面重新導向使所有的舊網域名稱遊客可以來到新的網域名稱。
基於瀏覽器的版本，或者名字不同的頁面，也可以根據不同的國家，而不是用伺服器端網頁重新導向，可以使用用戶端頁面重新導向到登陸使用者在相應的頁面。
搜尋引擎可能已經收錄新頁面。不過，在移動到另一個網域名稱，那麼不喜歡失去訪客通過搜尋引擎來了。所以，可以使用用戶端頁面的重新導向。但請記住，這不應該做的，使搜尋引擎傻瓜，否則，這可能讓網站被取締。
頁面重新方向如何工作 ?
樣本1:
這使用JavaScript在用戶端頁面的重新導向是非常簡單的。網站訪問者重新導向到一個新的頁面，只需要添加在head部分加入一行如下：
?
| 1 2 3 4 5 6 7 | <head> <script type="text/javascript"> <!-- window.location="http://www.newlocation.com"; //--> </script> </head> |
樣本 2:
可以將其重新導向到一個新的頁面之前顯示相應的資訊給網站訪客。這將需要一個位時間消極式載入新頁。以下是簡單的例子來實現相同的：
?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | <head> <script type="text/javascript"> <!-- function Redirect() { window.location="http://www.newlocation.com"; } document.write("You will be redirected to main page in 10 sec."); setTimeout('Redirect()', 10000); //--> </script> </head> |
這裡的 setTimeout()是一個內建的JavaScript函數，可用於給定的時間間隔之後執行另一個函數。
樣本3:
以下是例子重新導向基於其瀏覽器不同的網頁訪問者：
?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <head> <script type="text/javascript"> <!-- var browsername=navigator.appName; if( browsername == "Netscape" ) { window.location="http://www.location.com/ns.html"; } else if ( browsername =="Microsoft Internet Explorer") { window.location="http://www.location.com/ie.html"; } else { window.location="http://www.location.com/other.html"; } //--> </script> </head> |
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
