萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 用JavaScript實現頁面重定向功能的教程

用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>
copyright © 萬盛學電腦網 all rights reserved