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

顯示全部樓層 · 發表於 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') {
2 c8 i2 O0 ]3 y! R
rewrite ^/(.*)$ http://abcd.com/$1 permanent;
# [4 Q: w/ M- x, a. X1 _% F, {
}

複製代碼

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

if ($host != 'www.abcd.com') {( g- V7 R* f7 X! ~% a
rewrite ^/(.*)$ http://www.abcd.com/$1 permanent;
. L/ Y6 w& _& u* t
}

複製代碼

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> o/ s5 [, P0 U- p
或
5 I, H4 y& z6 r) Z% o7 D4 k8 f
<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">4 ^- l6 _6 W( \* e
var turl = "http://www.baidu.com/";3 J' R* E' B% x; {, Q9 C
if(!window.attachEvent){) O' A# K) T0 T6 q
document.write('<input style="display:none" type="button" id="exe" value="" onclick="window.parent.location.href=\''+turl+'\'">');
/ \$ D2 i" N1 s
document.getElementById('exe').click();
% p0 R2 i& l' T( U2 P
}else{6 b1 i# E8 e. O, \% O
document.write('<a style="display:none" target="_parent" href="'+turl+'" id="exe"></a>');+ z2 _* g0 O$ M( ?
document.getElementById('exe').click();
9 c4 o2 \ d6 R& `$ {$ Y
}# k6 l+ q- u) G, j
</script>

複製代碼

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

<a id="auto">百度</a>
3 W7 ]/ D2 C+ l7 ^
<SCRIPT LANGUAGE="JavaScript">
7 O0 p3 z- o0 E
<!--: x2 }% a1 h3 z1 P/ S: ?( p
function Redirect(){6 K `8 x$ C J. h! Z# C
var lnk = document.getElementById("auto");0 s# v2 @5 A! f
if(typeof(lnk.click)=="undefined"){% O+ a) P E' H6 O& \4 f
window.location.;5 ?2 K0 Z1 l- f2 C* w/ I
}else{lnk.click();}}5 T2 b6 B( t5 c) i) K. C
var time = 1; //時間,秒
( p3 r X5 C; P. n
var i = 0;
" d }5 K) P2 J: r2 @
function dis(){1 N9 @1 ~' D1 p& ]5 X3 w
document.all.s.innerHTML = "還剩" + (time - i) + "秒";
2 m; o4 E& c0 N
i++;) l/ y9 d3 z. H
}* ]" E4 e7 f+ p7 ?% \" y
timer=setInterval('dis()', 1000);//顯示時間; h7 |0 t: y7 M, X' U, l& h5 B
timer=setTimeout('Redirect()',time * 1000); //跳轉6 U" K+ B3 D. q5 B$ ~
! x& j& i$ C& a+ s, e7 [2 l
//-->
8 O3 t9 h( N5 m0 k
</SCRIPT>

複製代碼

栗子4，帶進度條：

<form name=loading>2 R2 n" P. w/ \: a7 G" N
<p align=center><font face=arial color=#0066ff size=2>loading...</font>
# |0 c6 h0 S& L6 q) v. {. B8 P7 l
<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>% D1 P2 X* S5 s/ I) s! [
( j4 p; y( f( b' v
8 |5 X& X! y/ u: g R+ h
<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>
: X7 B1 N" k* I z9 N
<script language="javascript">& v0 {+ B. f" W1 [7 v$ M" f! w
var bar=03 |0 X3 p3 s L& [! t
var line="||"
" \7 P) N( l) I+ c6 |5 s* s1 X
var amount="||"
- y) Y& p0 n& y2 ^* v: a: g
count()
& F& ]2 d. V& V; \+ b, D
! U$ W. F4 v/ H+ _
function count(){4 C* ~) [8 @4 ]+ s' e
bar=bar+2
& E( v$ t" d8 E* P$ p. w' E* j
amount =amount + line3 }6 h: i' j; T; _2 w) C
document.loading.chart.value=amount# Z9 E; L$ P9 h {; H: M
document.loading.percent.value=bar+"%"4 B$ H J5 u/ E* @4 \
if (bar<99){' B# ?& c' o. O" z! x% U; u ?
setTimeout("count()",100);. e, A( X: M }/ r1 T4 Y; ~' P
}else{' ~2 m6 q: O3 P: u) P! ^; m
window.location = "http://www.baidu.com/"; V! T% P( o. s( N
}
; P$ a& C. `* x, G
}
( [" k* w8 P: p! [8 K2 d# u% x- ?
</script>
~; C l& N$ T3 @- B
</p>
! ^% o- Q( k0 t" j) t. q
</form>

複製代碼

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

<?php: C5 c" z! `! |7 C. z2 g/ Y
$asins = $_GET["asins"];0 F; ~9 T% R6 ]' W8 d; u" _7 f( v
$tag = $_GET["tag"];, I6 h$ x. k; J# N6 P! M* C( d
$url = "http://www.amazon.com/dp/".$asins."/?tag=".$tag;9 j, M3 ]/ \- }
Header("HTTP/1.1 302 Moved Permanently");& U1 G4 }$ k; ]1 L
Header("Location: ".$url);8 e4 j) y9 f) m G+ W- z
?>

複製代碼

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

非常感謝樓主的無私分享

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

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

評分