用JavaScript實現頁面重新導向功能的教程

來源:互聯網
上載者:User

   這篇文章主要介紹了用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>
相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。