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

顯示全部樓層 · 發表於 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') {( F' k1 |& B: H# F6 e x8 s- @
rewrite ^/(.*)$ http://abcd.com/$1 permanent;
8 s$ W" `/ x" U6 {
}

複製代碼

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

if ($host != 'www.abcd.com') {' A, y2 a# X4 q! }; Z
rewrite ^/(.*)$ http://www.abcd.com/$1 permanent; [6 v% }( o8 ?7 f
}

複製代碼

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>: M5 h6 `1 m+ R, S7 v/ w. Y
或
' h' i) h, x& v A. l
<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">2 T% j( w. R" t2 E# p- p
var turl = "http://www.baidu.com/";. p9 y1 A8 C5 g z2 O+ T4 c
if(!window.attachEvent){9 ?7 v- |4 I' I' O0 M1 @5 n2 [
document.write('<input style="display:none" type="button" id="exe" value="" onclick="window.parent.location.href=\''+turl+'\'">');. e7 h+ q: T2 i k* X6 s8 r
document.getElementById('exe').click();+ G y9 N- W4 w6 J5 w$ |: ?
}else{
7 X+ o: k( o; s, b
document.write('<a style="display:none" target="_parent" href="'+turl+'" id="exe"></a>');
. X C9 Y( Q7 A& n4 o# v
document.getElementById('exe').click();7 g& F' [' y2 l: V
}2 D" \! ^# W/ s/ X
</script>

複製代碼

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

<a id="auto">百度</a>
& S0 ?5 ~8 x/ z+ w! \, z
<SCRIPT LANGUAGE="JavaScript">
" E* X# Z# _2 u% e% s
<!--
$ E8 f7 ?- x, j. a, e, O9 V* }
function Redirect(){! t) L! K4 _: y
var lnk = document.getElementById("auto");
8 A% m% E2 U! n
if(typeof(lnk.click)=="undefined"){
, l# t" g* F5 n( D) W
window.location.;
3 T4 v) V3 B$ v5 n
}else{lnk.click();}}4 ?$ U% U ~, Q7 }
var time = 1; //時間,秒" J L/ @' x) c, F; R8 T
var i = 0;
7 U; o& N/ R+ X# O+ j: h+ z! @4 X
function dis(){5 ~2 m/ [) t) Q& p% g
document.all.s.innerHTML = "還剩" + (time - i) + "秒";) d" d6 ]1 ~7 H, n
i++;
$ z5 a+ ^) X) Y
}
( d5 \$ Y5 J4 e: m! r" j( Q! L) u
timer=setInterval('dis()', 1000);//顯示時間
\1 B9 o0 |* H$ j
timer=setTimeout('Redirect()',time * 1000); //跳轉
# B1 n0 r9 R s3 C i
* c: P: Y1 M. c- W- _( [6 X7 ]2 r
//-->; o1 a- Z% @$ k3 C7 @! q% V
</SCRIPT>

複製代碼

栗子4，帶進度條：

<form name=loading>! ]; ?. b* J' D! J5 H, }, f+ C
<p align=center><font face=arial color=#0066ff size=2>loading...</font>4 r* x8 A. I: V
<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>( o% `' q, L8 |$ R @
8 b4 \! z2 ^7 g; \ ]- a+ Y. C$ C
# C5 l k; S2 b: ]
<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>
4 r: g* H- t) u' x/ C. N
<script language="javascript">
" n8 V. H+ {% L
var bar=0
" P- d9 ?) [+ m3 {
var line="||"0 G( d, S1 l5 [0 I4 K4 Q
var amount="||"
- }0 h1 _: n. s0 o! F; ^
count()
9 b$ E* a. q( ]4 q' T$ d
5 Z/ F5 x* u4 d1 t% o8 b; [
function count(){
* R9 c9 ?' c6 u5 Z3 K
bar=bar+2
8 ?! H4 f5 n/ P
amount =amount + line# Z& T, g7 D6 ]
document.loading.chart.value=amount
1 F* F3 m# K, p* [
document.loading.percent.value=bar+"%". y0 b, w3 o B" w" I O9 A& t
if (bar<99){0 |8 r: W2 E% b( j. Y
setTimeout("count()",100);* [ z: b, ~+ ]2 _, q% i# w5 \
}else{
" X! g- k- [4 t' N; m. {6 C! J
window.location = "http://www.baidu.com/";' s/ n. s/ @4 N( D! y/ \; X: p
}, O! f0 O8 f: m3 F, r& e9 E
}
' a& S: }( G/ C- n' K
</script>
L. B, j: e7 q& k2 n
</p>
$ U' O: O- ~! G% ^9 H
</form>

複製代碼

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

<?php2 @" _4 s+ u0 K/ _* W7 \ [
$asins = $_GET["asins"];7 p5 [) V1 }4 ?# {1 G
$tag = $_GET["tag"]; U1 o/ \/ |$ }" b; B
$url = "http://www.amazon.com/dp/".$asins."/?tag=".$tag;
/ F8 Y- W4 B% f0 x
Header("HTTP/1.1 302 Moved Permanently"); J4 @0 }" P$ e& H& R
Header("Location: ".$url);
. D! L% ]" q& u5 n
?>

複製代碼

在頁面中調用時，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

非常感謝樓主的無私分享

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

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

評分