有感於部分同學不知怎麼做跳轉，分享一下我收集的代碼

顯示全部樓層 · 發表於 2013-11-6 11:18:10

有感於@jackzheng0594 的這個貼子：http://www.luosuo.net/old/forum.php?mod=viewthread&tid=111653

分享一下我收集的幾種跳轉的方法。

一、nginx中的跳轉：
1.設置帶www的域名，跳轉到不帶www的域名上去。
把以下代碼加入到域名的conf文件中

if ($host != 'abcd.com') {
3 k1 T; q7 Z/ d3 i- ~. I
rewrite ^/(.*)$ http://abcd.com/$1 permanent;% d9 Q/ \4 L$ |+ H+ F5 N
}

複製代碼

2.不帶www的域名，跳轉到帶www的域名。
把以下代碼加入到域名的conf文件中

if ($host != 'www.abcd.com') {- E1 N$ V8 M# \, i; T9 ]( e) Q: Z
rewrite ^/(.*)$ http://www.abcd.com/$1 permanent;
! d Q9 Q2 B( Z2 u( Q
}

複製代碼

3、頁面修改了地址，但是原來的頁面已經被收錄了，想把被收錄頁面指向到新的頁面中去。
生成靜態html的頁面，可以手工在源碼中添加跳轉。不生成靜態頁面，但是偽靜態的就可以用到了。
也是在域名的conf文件中添加：

rewrite "^/20131106.html$" "/1/201304197.html$1" permanent;

複製代碼

二、html中的頁面跳轉
最常見的就是在頁面的頂部或<head>與</head>之間加入。

<meta http-equiv="refresh" content="0;url=http://www.baidu.com">

複製代碼

其中content="0"是秒數，你可以任意修改，0是直接跳轉。

三、JS種的跳轉
為什麼要單獨拿出來說，是因為各種各樣的跳轉腳本太豐富了。。。放幾個我收藏的栗子：

栗子1：(這個最沒營養)

<script language='javascript'>window.location='http://www.baidu.com';</script>
+ p" }0 G' `/ g: X) h% y
或
, C# n) J/ A/ m5 e
<script language="javascript">document.location = "http://www.baidu.com";</script>

複製代碼

栗子2：
---------------------------------------
先在頁面中做iframe,

<IFRAME height=3220 marginHeight=0 src=/aaa.html frameBorder=0 width=100% marginWidth=0 scrolling=noalign=center></IFRAME>

複製代碼

下面代碼放入要iframe的aaa.html中

<script type="text/javascript">
0 H* q0 f5 ^ y v- f8 S. L
var turl = "http://www.baidu.com/";
# [: W5 | I: |- A
if(!window.attachEvent){) P, j$ `9 Q. Z
document.write('<input style="display:none" type="button" id="exe" value="" onclick="window.parent.location.href=\''+turl+'\'">');
5 e0 D+ ?9 R6 b+ o u
document.getElementById('exe').click();# w% C& d$ |6 q2 w5 T1 ]
}else{
0 m- ]/ a2 l* T! G
document.write('<a style="display:none" target="_parent" href="'+turl+'" id="exe"></a>');
' W+ J" E& X! s E0 v/ b
document.getElementById('exe').click();0 c1 {* f$ N x) U! c! a
}
1 o \& e! N( O$ z4 o
</script>

複製代碼

栗子3：
---------------------------------------

<a id="auto">百度</a>- O( G: ^) D5 A4 [: A% j
<SCRIPT LANGUAGE="JavaScript">
4 q" u8 y/ N5 F- Q7 Q; K" v
<!--
6 p8 e: {) q9 [) b0 ^
function Redirect(){
; O+ Z ?- I/ h. {+ U3 D9 X
var lnk = document.getElementById("auto");1 o) D5 n+ \* }' w
if(typeof(lnk.click)=="undefined"){ T9 b+ K I$ t! g! `
window.location.;
) B0 o( `( I7 p! l8 }' L
}else{lnk.click();}}
) Y: H; p7 M$ I( R
var time = 1; //時間,秒. j& L7 x8 B p4 J3 w
var i = 0;" @) O' \& J( v, A) x& A0 e7 a4 w$ U* B
function dis(){& }* p% |" T9 ]+ o4 \4 S
document.all.s.innerHTML = "還剩" + (time - i) + "秒";8 [3 q% R7 v& d/ ?! l$ w+ u2 |
i++;
5 H, E+ @# z' f% z/ G: Z& @1 Y' d
}
( B) w, \! _/ r( C
timer=setInterval('dis()', 1000);//顯示時間 u2 ~9 b" M7 N) d
timer=setTimeout('Redirect()',time * 1000); //跳轉
6 ?5 Y. x9 J0 `+ x2 S/ O
5 L( V5 `" i; f* L- N, d/ e
//-->! }! _! B0 ]9 w) v
</SCRIPT>

複製代碼

栗子4，帶進度條：

<form name=loading>" J0 v' g) |7 O2 m A1 K
<p align=center><font face=arial color=#0066ff size=2>loading...</font>
. ?$ a$ @& _( ~6 v3 A
<input style="padding-right: 0px; padding-left: 0px; font-weight: bolder; padding-bottom: 0px; color: #0066ff; border-top-style: none; padding-top: 0px; font-family: arial; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none" size=46 name=chart>
; h+ @1 L7 i2 }2 B/ w& H
* i8 R1 q$ \. G- H8 ?" A
( o1 j2 C$ h( f1 ~
<input style="border-right: medium none; border-top: medium none; border-left: medium none; color: #0066ff; border-bottom: medium none; text-align: center" size=47 name=percent>" K$ j7 J0 e: U: y4 h( a4 w; R
<script language="javascript">$ W2 m! N9 o' ^* C
var bar=0
3 `4 K& C3 n: S3 r0 b4 p
var line="||"
8 S+ L2 M0 J2 _% d9 t
var amount="||"# d5 T; b' X' {5 z' Q' ?7 V
count()
/ R$ g \/ T8 u
" w. K" b$ F. C& c' M1 x7 \
function count(){0 ?0 ^4 m( q& r' \* _
bar=bar+27 M1 ], x/ \8 z
amount =amount + line; q7 c# h8 s) q
document.loading.chart.value=amount, o' m. G; i2 M0 y- G( h( o
document.loading.percent.value=bar+"%"
: v5 E2 I! F. B& A$ Z/ V
if (bar<99){7 P& |$ R/ B( b ?
setTimeout("count()",100);% ?% l# r7 k0 X! J7 L) e2 n9 J3 C! }
}else{0 e5 v" H) E* N! q( x/ y
window.location = "http://www.baidu.com/";7 r! ^% {( z% I3 X* r2 ~
}* F" a/ G$ h W6 _+ }: p% n- R4 O+ ^
}0 j9 Z" L' W: R7 L
</script>
% J$ G, d9 b* c. h) P3 h
</p>
1 {$ S: Q' o4 [& l8 G
</form>

複製代碼

四、PHP中的跳轉
這個以前有收藏過，不過丟了。。就放本論壇@微笑2013 同學的吧
出處：http://www.luosuo.net/old/forum.php?mod=redirect&goto=findpost&ptid=111445&pid=968355&fromuid=88410

<?php
3 _$ y4 L0 ` o" `1 q8 q
$asins = $_GET["asins"];
9 v: ]: ~: `, `0 T
$tag = $_GET["tag"];, u) `% N' N+ k
$url = "http://www.amazon.com/dp/".$asins."/?tag=".$tag;
Header("HTTP/1.1 302 Moved Permanently");
2 K- F: P9 s% e( Z$ E
Header("Location: ".$url);
! @% E# {" n4 s4 p$ ? U; p
?>

複製代碼

在頁面中調用時，a href="url.php鏈接：url.php?asins=商品ID&tag=AMZ推廣ID"，如果用Nginx或Apache，可以做偽靜態

五、asp和JSP用的人估計少，就不放了。需要的可以Google。善用論壇搜索也能找到不少好的代碼

還是那句話，有用沒用的，看在俺敲這麼多字的份兒上，給加幾個豬毛唄。。。。。

顯示全部樓層 · 發表於 2013-11-6 11:31:59

本帖最後由 jackzheng0594 於 2013-11-6 11:33 編輯

太感謝了。。。不過我自己是新人只有一個豬毛。那就全給你吧。
我去。怎麼給T分?

顯示全部樓層 · 發表於 2013-11-6 12:02:51

技術帖，必須支持！

顯示全部樓層 · 發表於 2013-11-6 12:22:59

鼓勵一下，不過有一個問題，這些跳轉對搜索引擎會不會有什麼影響

顯示全部樓層 · 發表於 2013-11-6 13:19:05

暫時不懂，研究研究，給幣

顯示全部樓層 · 發表於 2013-11-6 13:52:17

很不錯的總結帖，收藏一下。

顯示全部樓層 · 發表於 2013-11-6 13:54:23

不錯這個東西搜藏了

謝謝樓主

顯示全部樓層 · 發表於 2013-11-6 13:57:33

Awesome thread buddy, thanks for sharing.

顯示全部樓層 · 發表於 2013-11-6 14:09:39

不錯收藏備用。。。。。。。

顯示全部樓層 · 發表於 2013-11-6 14:29:29

非常感謝樓主的無私分享

用戶名		自動登錄	找回密碼
密碼			免费注册

有感於部分同學不知怎麼做跳轉，分享一下我收集的代碼

評分