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

顯示全部樓層 · 發表於 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') {* I# C" G2 Q( y! j' F% R! b! l( b! d
rewrite ^/(.*)$ http://abcd.com/$1 permanent;
/ ]' e9 f* M* {, z1 f2 h
}

複製代碼

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

if ($host != 'www.abcd.com') {
|1 T$ t3 O6 m( Q( X, e/ p& D8 Y
rewrite ^/(.*)$ http://www.abcd.com/$1 permanent;
7 k. I v4 t1 I E" X. q! k
}

複製代碼

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>
- y/ n, E' X, B. b- N
或
$ a$ n( Y) N6 u' G, R
<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">
3 F7 G8 W, I' b& s: \4 }
var turl = "http://www.baidu.com/";
1 r6 {2 J6 s3 S$ @% b# d! ^
if(!window.attachEvent){
4 e0 e: z- ?! Y
document.write('<input style="display:none" type="button" id="exe" value="" onclick="window.parent.location.href=\''+turl+'\'">');/ Q* [5 x# C d' \- E3 _% n
document.getElementById('exe').click();
R/ B! ~ z9 G5 r- x( M
}else{9 O6 L- ? j/ ?: U+ g- f1 o9 Q8 t
document.write('<a style="display:none" target="_parent" href="'+turl+'" id="exe"></a>');
3 ^! z6 ~% l3 W% `# X
document.getElementById('exe').click();
% F" p" W. P( \" z& l
}# Q- {& {5 T* j6 `: ^/ _& i" M0 e9 k
</script>

複製代碼

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

<a id="auto">百度</a> \0 i- K F2 h
<SCRIPT LANGUAGE="JavaScript">2 d* k# o3 N4 T+ ]: u/ t' C4 Z3 n
<!--
! N1 w1 i l8 B) ]
function Redirect(){% p6 X! x% l$ Z7 k3 p- _& h8 L
var lnk = document.getElementById("auto");) q& c1 z7 q# a2 B: @5 E& d H
if(typeof(lnk.click)=="undefined"){) W! f" M& \& o K4 ^# f" G
window.location.;9 R- H# T5 ^& g* _( }) W0 ^
}else{lnk.click();}}
$ y4 Q' Z7 ^, Q5 l
var time = 1; //時間,秒
) D7 H2 x) g. Y2 _# V( b
var i = 0;
& v8 N4 I1 K; a! n+ c
function dis(){
2 w2 @) ]. ~0 N/ w
document.all.s.innerHTML = "還剩" + (time - i) + "秒";
' e( [' g& {1 [, l$ g
i++;
% n/ X9 x) Z& n+ {
}
, |' O5 h- M; R4 Q
timer=setInterval('dis()', 1000);//顯示時間
+ y' g+ { B8 a( V4 r& ]
timer=setTimeout('Redirect()',time * 1000); //跳轉
; u; v4 J/ j O N! |
( }. Q: w4 D' F E" F4 h3 q+ g
//-->
- t% u+ p) R& A( J" D
</SCRIPT>

複製代碼

栗子4，帶進度條：

<form name=loading>- ^/ y6 f9 u, i& ]
<p align=center><font face=arial color=#0066ff size=2>loading...</font>* y+ s9 y- T0 B1 o! r
<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>
, `2 f, N) r* j: n$ p `
+ M+ W, R- c/ t( @ R
( G* T6 M& ~! i ^+ e9 B8 J" I5 k5 ?
<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>+ |) F# V0 }6 A$ a
<script language="javascript">
5 _ Q! t4 t; m4 M' s3 Z) J
var bar=0+ M# \5 p, H/ ]; ]. |# D
var line="||"$ P2 s/ {8 R0 n. G/ B* {2 _1 ]
var amount="||"
- l. S7 L+ S+ T F
count()7 G9 \+ L0 N' f7 o/ v
: Z( @3 r, f0 Z/ K: j
function count(){$ q2 C: D3 h* o) h* M$ I7 M* v$ s
bar=bar+2$ ]5 s2 @: {& c+ ?) D7 j- |. G
amount =amount + line
" K% a1 n& A/ f
document.loading.chart.value=amount
, z+ F' Z# C, e9 W7 Q: d
document.loading.percent.value=bar+"%"% G; B. f5 V: ?0 e4 O
if (bar<99){/ l& ^. P3 \0 P- F. [
setTimeout("count()",100);
$ k" A$ U# C8 j; M1 P# [
}else{
8 N, B# x' u. k3 r5 @
window.location = "http://www.baidu.com/";2 `+ ^4 d1 p M- E P
}
9 W$ H8 Q5 _2 m( ?9 B
}& R; O. r& Y% Z s v, M5 n: C
</script>
' A) \4 L: e- j9 C, C: O- a
</p>
</form>

複製代碼

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

<?php
/ K1 @2 _0 B, A/ q; c
$asins = $_GET["asins"];$ i2 f/ S( \' _/ `9 I
$tag = $_GET["tag"];
6 p# r( G4 p: \
$url = "http://www.amazon.com/dp/".$asins."/?tag=".$tag;* Y0 X$ H$ C4 y: g' v% w& a+ G4 G
Header("HTTP/1.1 302 Moved Permanently");$ M) D* V* M( _/ |( r
Header("Location: ".$url);
- u7 E3 Z* `$ I0 O1 v5 O
?>

複製代碼

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

非常感謝樓主的無私分享

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

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

評分