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

顯示全部樓層 · 發表於 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') {
8 h( n3 [# m: N$ Q4 h/ C
rewrite ^/(.*)$ http://abcd.com/$1 permanent;
# @; S! @. q9 q' x
}

複製代碼

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

if ($host != 'www.abcd.com') {0 G C' Y, f% ^ ` ?# [5 Y8 p+ c
rewrite ^/(.*)$ http://www.abcd.com/$1 permanent;
8 C, e6 a, M- u% Q3 C5 X) 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>
- I' R9 f! Z! \; o' u
或1 ~3 l( _9 Z, l" y
<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">
F% x! r) y! X* E+ r
var turl = "http://www.baidu.com/";5 V- k: v; g" g5 W" y3 S# L
if(!window.attachEvent){
8 O+ V$ E8 T2 y- @
document.write('<input style="display:none" type="button" id="exe" value="" onclick="window.parent.location.href=\''+turl+'\'">');" o6 O) f( o5 N. K3 H$ v
document.getElementById('exe').click();
$ E S) x" v% \- V' }9 B4 D
}else{$ U. T7 o" L' ~7 q5 j7 w
document.write('<a style="display:none" target="_parent" href="'+turl+'" id="exe"></a>');
+ ]5 }5 J _" q5 J" x# I
document.getElementById('exe').click();
* y7 ]/ q3 ^$ N! y/ k3 L+ X& }
}9 l2 c2 G; f |: [5 l! ?$ i
</script>

複製代碼

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

<a id="auto">百度</a>
, Q U/ U4 Y* v3 P- ?" N% ~# Q
<SCRIPT LANGUAGE="JavaScript">& f7 U- j8 Y( d* D9 }4 D
<!--1 \+ G3 d& q; }$ X9 `$ s# w0 |
function Redirect(){* |! o8 ?9 f0 E9 k
var lnk = document.getElementById("auto");
0 o$ ^: |* r8 y0 p; n
if(typeof(lnk.click)=="undefined"){
" B/ Z, E( }) K
window.location.;
/ @( L( p2 t6 t0 f% Q9 C/ G
}else{lnk.click();}}0 M) E" ]# [2 i3 ?* }
var time = 1; //時間,秒' j4 w$ G r1 Q1 P* P# g
var i = 0;
2 r6 H. w- j/ H; C7 _: i/ `
function dis(){
' P9 x* c( W. j! j9 B, |
document.all.s.innerHTML = "還剩" + (time - i) + "秒";$ v* y6 [$ a% Y: n
i++;
T3 i( r7 N: E& H4 j
}
- E" }; w1 W" _6 a! _
timer=setInterval('dis()', 1000);//顯示時間
- Q6 X% W0 L3 O1 @2 n
timer=setTimeout('Redirect()',time * 1000); //跳轉
+ W! k/ a0 s. S
% ]" n3 Y0 a* \/ R" y
//-->0 s: }6 Y; G, W; i4 k, a
</SCRIPT>

複製代碼

栗子4，帶進度條：

<form name=loading>
" Q0 s3 l4 M9 M. L, P% ~
<p align=center><font face=arial color=#0066ff size=2>loading...</font>0 J" N _5 L( S
<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>& A6 I( X" q' H- t8 p; ]1 B; O
) n- G8 ?8 l, h7 G! h' x' y& _
U3 K( {0 Q: s0 I1 i. a
<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>
! a* X" F o6 Y2 V3 ]/ i2 ^
<script language="javascript">8 ^1 p% ^9 |2 W* T
var bar=0* k% }; {6 K! \3 z- ]: o8 t' L
var line="||") r. g. z1 v9 z. |
var amount="||"
% J- @" ^% m: k' u: `4 T0 M
count()- s6 K2 Z- c3 W7 C& H
! ?* y1 g+ `8 V% }6 z. a1 w
function count(){
1 x3 A1 m& Y! T( L* T; p
bar=bar+2
, N3 | Q9 X) `: ~( L( c5 c3 r
amount =amount + line+ {+ |! z" P) q2 u+ H, s- C
document.loading.chart.value=amount r( v' O5 l! R' W5 `. z1 W! ]
document.loading.percent.value=bar+"%"
. d- k$ ?% W4 ]. i2 t
if (bar<99){
7 i" R A" U' m2 C% x( j
setTimeout("count()",100);
1 E. }5 P. {" y" G& S
}else{
$ E ~4 w' P0 B0 p7 n- }
window.location = "http://www.baidu.com/";( u& k1 x! L3 E9 n
}4 e: z) {$ C9 d$ O! Z# j4 S
}; _( I3 E' p" H# _$ h, v4 f
</script>
) i- v. }9 C0 W
</p>
* z2 t* l" L" c2 F
</form>

複製代碼

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

<?php: S$ `* q8 n- Y" A, O
$asins = $_GET["asins"];
8 ~8 B h; @8 l% K8 Z
$tag = $_GET["tag"];- _$ e$ I0 D8 a4 y u/ `8 p
$url = "http://www.amazon.com/dp/".$asins."/?tag=".$tag;; x/ ~; ~/ x" U+ ?& I( ]
Header("HTTP/1.1 302 Moved Permanently");/ G' }4 O; M2 W
Header("Location: ".$url);
; W$ D/ K. b0 h8 E/ H. c
?>

複製代碼

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

非常感謝樓主的無私分享

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

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

評分