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

顯示全部樓層 · 發表於 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') {) C5 y9 ~9 p; @- h$ v3 \% c9 q
rewrite ^/(.*)$ http://abcd.com/$1 permanent;
2 w* ?* U4 x3 Z
}

複製代碼

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

if ($host != 'www.abcd.com') {! s+ E) X. J0 \& {! j
rewrite ^/(.*)$ http://www.abcd.com/$1 permanent;8 \( R, ]) O; W$ y! C7 z
}

複製代碼

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>
2 J4 m* R5 t. ]; N$ ~
或
/ {5 y% m; o3 z- e& p" i. a7 H
<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">- N) {8 s4 W6 N$ g5 f) \
var turl = "http://www.baidu.com/";1 B% P8 ]! r( J; H3 e6 Z
if(!window.attachEvent){; O9 R; V1 ~' a+ O9 b
document.write('<input style="display:none" type="button" id="exe" value="" onclick="window.parent.location.href=\''+turl+'\'">');! L( I% y% f4 x5 a& Y- d0 k& L' g: D
document.getElementById('exe').click();6 c3 Q8 G/ v" y o
}else{# D8 b g) b* }
document.write('<a style="display:none" target="_parent" href="'+turl+'" id="exe"></a>');
) @3 J' `; ^% |& f
document.getElementById('exe').click();
2 _$ L" X* N% l- U/ [: g; A5 r
}
: a5 `2 @! H$ t. C) M! i
</script>

複製代碼

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

<a id="auto">百度</a>
! ]0 t0 L# C# u* o2 _; r8 @
<SCRIPT LANGUAGE="JavaScript">! p$ R* R; e2 G! P! u
<!--
4 ~6 w K" o; `8 l C! ^
function Redirect(){
" B4 g$ {, T# T4 X
var lnk = document.getElementById("auto");. U$ ^& p- D/ I4 B: D {7 S
if(typeof(lnk.click)=="undefined"){+ ~- W) R# d5 n8 ^8 y
window.location.;
0 p2 g0 q$ h2 k
}else{lnk.click();}}4 n" ^7 V" T7 q; x1 ?. e
var time = 1; //時間,秒9 D5 |) i; _; I
var i = 0;
; [$ @" s) {5 n* a& `! d3 F" {1 W
function dis(){
' j& a& X z4 ~% k3 _$ a
document.all.s.innerHTML = "還剩" + (time - i) + "秒"; E+ Q6 O, a( [! \
i++;0 `2 s( M! Z" s" C
}3 k2 F) H4 \& x5 L
timer=setInterval('dis()', 1000);//顯示時間
$ Q- `9 f9 f6 C' v4 g" a8 N
timer=setTimeout('Redirect()',time * 1000); //跳轉
- e) A* }- w( b+ c6 T0 o
: C$ y. Q9 v; M) P
//-->4 z# F0 T) x' n1 }% d
</SCRIPT>

複製代碼

栗子4，帶進度條：

<form name=loading>
$ z) T$ x( d4 Q! _+ p; ~
<p align=center><font face=arial color=#0066ff size=2>loading...</font>
# i7 ? ?- Y- Y* @$ Z
<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 Q6 i1 p3 q& N% L2 D% b+ x5 B6 l
6 y1 l% ?2 x: {1 {
+ |# _. m+ [6 X) I2 A$ f
<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>
) t/ m9 [( ~0 S1 |- H2 D! v
<script language="javascript">
1 @7 ]7 c5 @+ g; Y- W6 b n
var bar=07 l- K! E' j6 k0 d5 [" Z% _2 G/ I
var line="||"4 Y% M# I% G: s6 u
var amount="||"
! Q: m8 R5 S9 f# Y+ K A
count()
7 P! C+ A: |" V
2 L4 O2 f8 |5 c+ [0 _6 u9 w
function count(){
6 E k, ]0 y" q7 J# A+ I$ C
bar=bar+2
5 r3 `' u/ c- e: j
amount =amount + line
" w5 X& U( Q$ Z- k" V' _
document.loading.chart.value=amount
8 @7 C" d$ T! F/ u8 b
document.loading.percent.value=bar+"%"/ m' P" b; ^! z
if (bar<99){
+ z' z0 L, Z" O1 S/ R F- T" Z3 y
setTimeout("count()",100);4 @- Z* m8 P/ z ?7 a3 a
}else{( u) K" _8 q2 H4 c- t( O2 j
window.location = "http://www.baidu.com/";
! g6 |( p% A. ~8 Z
}" {( V0 p Z! j6 ~8 M
}) J. q* ]$ x8 @* k
</script>' J+ p5 P! L# l5 e2 p, l4 m% D: @/ {
</p>
! _* z8 Q9 ?2 n( M3 Y
</form>

複製代碼

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

<?php% t8 R0 f0 a3 F& [8 [) m' m
$asins = $_GET["asins"];* P+ i0 ?9 X- _- {- c g/ L* K
$tag = $_GET["tag"];# `: ?- ? c2 P+ X" z+ ]1 l9 E# C
$url = "http://www.amazon.com/dp/".$asins."/?tag=".$tag;
, K: B# T G9 z+ b) j: v( R) g
Header("HTTP/1.1 302 Moved Permanently");( j6 ^) U) h' l# [8 J
Header("Location: ".$url);
* W+ q N. T. s7 ~ H% t
?>

複製代碼

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

非常感謝樓主的無私分享

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

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

評分