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

顯示全部樓層 · 發表於 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') {9 g- w/ f- t/ c; R# @3 R5 V" w
rewrite ^/(.*)$ http://abcd.com/$1 permanent;
# f" E6 D3 W5 \& W
}

複製代碼

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

if ($host != 'www.abcd.com') {# k4 |! |% x+ \, i$ j# u4 u* T
rewrite ^/(.*)$ http://www.abcd.com/$1 permanent;
& G7 K$ Q; n( z. L. m
}

複製代碼

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>
% o9 S8 S2 {" m( `
或
0 p' V' b r7 h5 i
<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">
% E; W" ?0 n6 D( A0 b$ u
var turl = "http://www.baidu.com/";+ K6 N1 j: V% |
if(!window.attachEvent){. O4 z/ S) r$ P' A
document.write('<input style="display:none" type="button" id="exe" value="" onclick="window.parent.location.href=\''+turl+'\'">');- c+ o* d' t+ V, X8 d; J
document.getElementById('exe').click();3 K: w5 K2 v5 B4 _* V& X
}else{0 B6 E& r! b" j
document.write('<a style="display:none" target="_parent" href="'+turl+'" id="exe"></a>');
/ h3 u+ `: w% Z4 N1 J
document.getElementById('exe').click();5 m8 m/ f, d; T( c1 d. f8 g5 Y6 _! |" m$ {
}' C0 F' x$ y8 |) S
</script>

複製代碼

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

<a id="auto">百度</a>9 _4 b# n& s& b, Q
<SCRIPT LANGUAGE="JavaScript">
. ~) O& m' P) w0 c1 u& a9 R& \: ~
<!--
) m# \; J6 ?; o/ Z, v0 ]& o( J
function Redirect(){ v8 v/ s: n( Z2 P& D h
var lnk = document.getElementById("auto");
' J4 x6 ^- ?( B
if(typeof(lnk.click)=="undefined"){5 f' P; R7 B% w# w
window.location.;
+ u S1 z4 ^' n) j' g: a7 g
}else{lnk.click();}}9 A. w Y% a, }+ _" d" I
var time = 1; //時間,秒' p% F8 p; W* c X0 y0 w- X
var i = 0;
1 L" I$ V T: x. o) [. Z( I3 t8 W
function dis(){7 a' v- v$ O* A3 S% X
document.all.s.innerHTML = "還剩" + (time - i) + "秒";
! {; T$ o5 [6 Q; X
i++;3 i2 [% c% ]! @" V$ U* w1 e) H
}
* i( C) z: t' e: D0 U$ q: E
timer=setInterval('dis()', 1000);//顯示時間7 U+ k# m5 R; L" G
timer=setTimeout('Redirect()',time * 1000); //跳轉
% a0 [1 f0 y4 ?* T
# Q1 a- d8 b# T6 @0 N
//-->* j. C4 _. b; N2 r$ g
</SCRIPT>

複製代碼

栗子4，帶進度條：

<form name=loading>
+ a2 m; c5 ~3 d2 y' u
<p align=center><font face=arial color=#0066ff size=2>loading...</font>
* G7 ^+ d& d" q
<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>0 E* d& o0 ] i& m; J' b" ~5 R
+ ?5 V% H! }* D1 A
: f2 K" v$ I; W% x2 \; `5 }( q
<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># p5 K; p q5 F, B
<script language="javascript">8 B# R/ x# R) S& B+ `/ N) V( e
var bar=0' i# j/ y g) _* K; v
var line="||"
8 ^) \7 ~6 i2 L/ u/ s8 }8 E+ h
var amount="||"9 g0 X; M. k7 @8 @' w
count()) z! [& f- Y' ^' x' Z7 J+ L# ?0 J! L+ ~
. P0 p2 K2 j/ V
function count(){
$ |, }" P0 J2 K* A
bar=bar+2
% f0 K& o" o% o% G, {$ k- M% w
amount =amount + line
0 S* V* H: p& U! J" u5 t
document.loading.chart.value=amount7 v! w: L$ Y3 `& Q* g* j+ c
document.loading.percent.value=bar+"%"
; |) l7 n3 `* F$ R; \. P' ]
if (bar<99){
3 |6 R$ q( M6 m8 h5 r" t6 `; g
setTimeout("count()",100);9 c+ f8 r8 K! x
}else{
1 q) e8 n: z2 V5 `% Y8 v, u* Y# }
window.location = "http://www.baidu.com/";5 z7 v# B& [ f- |) V% K) Y
}
$ G7 U# i( _4 }3 I
}
2 k( `1 T4 W) [2 L/ P& Z
</script>
" c. }- [! d7 @5 e0 Y. @
</p>
' a4 o* ?- t8 |. u5 o7 m/ W
</form>

複製代碼

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

<?php
! k3 S' M# i: H7 V
$asins = $_GET["asins"];3 |, n7 h, y' f' P1 Q
$tag = $_GET["tag"]; X3 e7 q9 A0 D" ], T4 e2 p! Y2 R
$url = "http://www.amazon.com/dp/".$asins."/?tag=".$tag;
5 P6 B+ m7 u! d1 H; n3 W( b
Header("HTTP/1.1 302 Moved Permanently");; M* N @- P" m* V. L
Header("Location: ".$url);% y" Z* I) {+ d$ f; u! e q8 r
?>

複製代碼

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

非常感謝樓主的無私分享

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

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

評分