用JavaScript實(shí)現(xiàn)頁(yè)面重定向功能的教程
頁(yè)面重定向是什么?
當(dāng)你點(diǎn)擊一個(gè)URL來(lái)訪問(wèn)一個(gè)網(wǎng)頁(yè)X,但在內(nèi)部你被定向到另一頁(yè)Y,僅僅是因?yàn)轫?yè)面重定向。這一概念是從不同于JavaScript 頁(yè)面刷新 。
可能有各種原因,為什么想從原來(lái)的頁(yè)面重定向。下面列出的幾個(gè)原因:
- 如果不喜歡你的域名,可以重定向到一個(gè)新的。同時(shí),要引導(dǎo)所有訪問(wèn)者到新網(wǎng)站。在這種情況下,可以保持舊的域名,但放在一個(gè)頁(yè)面到一個(gè)頁(yè)面重定向使所有的舊域名游客可以來(lái)到新的域名。
- 基于瀏覽器的版本,或者名字不同的頁(yè)面,也可以根據(jù)不同的國(guó)家,而不是用服務(wù)器端網(wǎng)頁(yè)重定向,可以使用客戶端頁(yè)面重定向到登陸用戶在相應(yīng)的頁(yè)面。
- 搜索引擎可能已經(jīng)收錄新頁(yè)面。不過(guò),在移動(dòng)到另一個(gè)域名,那么不喜歡失去訪客通過(guò)搜索引擎來(lái)了。所以,可以使用客戶端頁(yè)面的重定向。但請(qǐng)記住,這不應(yīng)該做的,使搜索引擎傻瓜,否則,這可能讓網(wǎng)站被取締。
頁(yè)面重新方向如何工作 ?
示例1:
這使用JavaScript在客戶端頁(yè)面的重定向是非常簡(jiǎn)單的。網(wǎng)站訪問(wèn)者重定向到一個(gè)新的頁(yè)面,只需要添加在head部分加入一行如下:
<head> <script type="text/javascript"> <!-- window.location="http://www.newlocation.com"; //--> </script> </head>
示例 2:
可以將其重定向到一個(gè)新的頁(yè)面之前顯示相應(yīng)的信息給網(wǎng)站訪客。這將需要一個(gè)位時(shí)間延遲加載新頁(yè)。以下是簡(jiǎn)單的例子來(lái)實(shí)現(xiàn)相同的:
<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()是一個(gè)內(nèi)置的JavaScript函數(shù),可用于給定的時(shí)間間隔之后執(zhí)行另一個(gè)函數(shù)。
示例3:
以下是例子重定向基于其瀏覽器不同的網(wǎng)頁(yè)訪問(wèn)者:
<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>
- js實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)重定向的幾種方式
- JavaScript實(shí)現(xiàn)強(qiáng)制重定向至HTTPS頁(yè)面
- js獲取url參數(shù)值的兩種方式
- JS URL傳中文參數(shù)引發(fā)的亂碼問(wèn)題
- JS獲取URL中參數(shù)值(QueryString)的4種方法分享
- javascript[js]獲取url參數(shù)的代碼
- javascript/jquery獲取地址欄url參數(shù)的方法
- 在jsp頁(yè)面如何獲得url參數(shù)
- js URL參數(shù)的拼接方法比較
- JavaScript重定向URL參數(shù)的兩種方法小結(jié)
相關(guān)文章
window.close(); 關(guān)閉瀏覽器窗口js代碼的總結(jié)介紹
下面小編就為大家?guī)?lái)一篇window.close(); 關(guān)閉瀏覽器窗口js代碼的總結(jié)介紹。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07控制臺(tái)報(bào)錯(cuò)object is not a function的解決方法
頁(yè)面的功能用不了,打開控制臺(tái)發(fā)現(xiàn)報(bào)錯(cuò):object is not a function,下面是原因與解決方法,有類似情況的朋友可以看看2014-08-08JavaScript學(xué)習(xí)筆記之內(nèi)置對(duì)象
本文主要介紹了javascript中的內(nèi)置對(duì)象,包括圖像對(duì)象、導(dǎo)航對(duì)象、窗口對(duì)象、屏幕對(duì)象、事件對(duì)象、歷史對(duì)象、文件對(duì)象(重要)、錨點(diǎn)對(duì)象、鏈接對(duì)象、框架對(duì)象、表單對(duì)象(重要)、位置對(duì)象,這里簡(jiǎn)單做下介紹,后續(xù)在詳細(xì)講解。2015-01-01詳解JavaScript中undefined與null的區(qū)別
大多數(shù)計(jì)算機(jī)語(yǔ)言,有且僅有一個(gè)表示"無(wú)"的值,比如,C語(yǔ)言的NULL,Java語(yǔ)言的null,Python語(yǔ)言的none,Ruby語(yǔ)言的nil2014-03-03JavaScript中setFullYear()方法的使用詳解
這篇文章主要介紹了JavaScript中setFullYear()方法的使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06JavaScript運(yùn)行時(shí)庫(kù)屬性一覽表
這篇文章主要介紹了JavaScript運(yùn)行時(shí)庫(kù)屬性,需要的朋友可以參考下2014-03-03