javascript重定向跳轉(zhuǎn)

2018-08-12 14:13 更新

頁面重定向是什么?


當(dāng)你點(diǎn)擊一個(gè)URL來訪問一個(gè)網(wǎng)頁X,但在內(nèi)部你被定向到另一頁Y,僅僅是因?yàn)轫撁嬷囟ㄏ?。這一概念是從不同于JavaScript 頁面刷新 。
可能有各種原因,為什么想從原來的頁面重定向。下面列出的幾個(gè)原因:

如果不喜歡你的域名,可以重定向到一個(gè)新的。同時(shí),要引導(dǎo)所有訪問者到新網(wǎng)站。在這種情況下,可以保持舊的域名,但放在一個(gè)頁面到一個(gè)頁面重定向使所有的舊域名游客可以來到新的域名。

基于瀏覽器的版本,或者名字不同的頁面,也可以根據(jù)不同的國家,而不是用服務(wù)器端網(wǎng)頁重定向,可以使用客戶端頁面重定向到登陸用戶在相應(yīng)的頁面。

搜索引擎可能已經(jīng)收錄新頁面。不過,在移動(dòng)到另一個(gè)域名,那么不喜歡失去訪客通過搜索引擎來了。所以,可以使用客戶端頁面的重定向。但請記住,這不應(yīng)該做的,使搜索引擎傻瓜,否則,這可能讓網(wǎng)站被取締。

頁面重新方向如何工作 ?


示例1:
這使用JavaScript在客戶端頁面的重定向是非常簡單的。網(wǎng)站訪問者重定向到一個(gè)新的頁面,只需要添加在head部分加入一行如下:

<head>
<script type="text/javascript">
<!--
  window.location="http://www.newlocation.com";
//-->
</script>
</head>


示例 2:
可以將其重定向到一個(gè)新的頁面之前顯示相應(yīng)的信息給網(wǎng)站訪客。這將需要一個(gè)位時(shí)間延遲加載新頁。以下是簡單的例子來實(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)頁訪問者:

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



常用javascript重定向跳轉(zhuǎn)方法


第一種: 


代碼如下:

<script language="javascript"type="text/javascript"> 
window.location.href="http://shanghepinpai.com"; 
</script> 

第二種: 

代碼如下:

<script language="javascript"> 
alert("返回"); 
window.history.back(-1); 
</script> 

第三種: 

代碼如下:

<script language="javascript"> 
window.navigate("http://shanghepinpai.com"); 
</script> 

第四種: 

代碼如下:

<script language="JavaScript"> 
self.location='http://shanghepinpai.com'; 
</script> 

第五種: 

代碼如下:

<script language="javascript"> 
alert("非法訪問!"); 
top.location='http://shanghepinpai.com'; 
</script> 


JavaScript實(shí)現(xiàn)強(qiáng)制重定向至HTTPS頁面

有時(shí)候需要把網(wǎng)頁強(qiáng)制切換成HTTPS,即使用戶已經(jīng)訪問了HTTP的版本。原因可能是你不想讓用戶使用HTTP來訪問,因?yàn)樗话踩?。要做到這個(gè)很簡單,如果不想用PHP或者Apache的mod_rewrite來做這件事,用Javascript也可以。代碼如下:

<script type="text/javascript">
var targetProtocol = "https:";
if (window.location.protocol != targetProtocol)
 window.location.href = targetProtocol +
  window.location.href.substring(window.location.protocol.length);
</script>


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號