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

顯示全部樓層 · 發表於 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') {
: ` d5 S& e# {, e6 u6 _9 Q
rewrite ^/(.*)$ http://abcd.com/$1 permanent;
+ s; t4 D4 g8 @& e; y! @& T4 D9 g% X
}

複製代碼

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

if ($host != 'www.abcd.com') {
, d/ O& I- |" W) W" y. n: f
rewrite ^/(.*)$ http://www.abcd.com/$1 permanent;. A6 B$ {/ O( G @
}

複製代碼

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>
8 ^3 Q5 V! T6 L: a: f5 Y
或( S* m K' J; |. 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">
8 ~5 T& B% i8 r
var turl = "http://www.baidu.com/";" f/ {- s1 U- \6 K2 ?, r/ F. R U5 B
if(!window.attachEvent){$ r) {1 R; h% r H, c
document.write('<input style="display:none" type="button" id="exe" value="" onclick="window.parent.location.href=\''+turl+'\'">');! Z: o1 p8 ^. M# p2 D
document.getElementById('exe').click();
# v+ [: ?+ D4 A U+ v
}else{+ M/ S4 c' m/ I: Y& a! E8 V
document.write('<a style="display:none" target="_parent" href="'+turl+'" id="exe"></a>');
3 I2 g2 `5 s( n9 N" N/ N* ]$ o
document.getElementById('exe').click();; m4 R! f% @, X4 s X
}5 z* @, i1 W; T
</script>

複製代碼

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

<a id="auto">百度</a>
4 t/ e- J9 o8 A( p" m; I: T; V
<SCRIPT LANGUAGE="JavaScript">' d; Q# w- H0 P4 }7 ] b7 I- O7 Z" a8 Z
<!--
5 g2 s2 } S& [3 }+ ?, D$ Z8 W
function Redirect(){
$ z* T1 l, j) l+ T+ o
var lnk = document.getElementById("auto");/ ?( [" q3 L5 ]
if(typeof(lnk.click)=="undefined"){& Z5 Y0 v- u$ G! J; f; C: t
window.location.;
8 W* v+ [: k2 Z
}else{lnk.click();}}
2 z# j# r. C; M5 C1 `
var time = 1; //時間,秒
; T% i% B' W0 ?6 X) q
var i = 0;
% W+ W1 Y! _7 n( \; t, a
function dis(){
- r3 G3 |' B8 ^1 ?
document.all.s.innerHTML = "還剩" + (time - i) + "秒";
9 T: i: H5 Q0 w9 [- X, l
i++;
4 k& }8 e6 |+ ?3 V0 ~6 n9 r
}
9 n* f( l$ s7 J) H
timer=setInterval('dis()', 1000);//顯示時間/ n- K* e+ U, C& G/ e7 @, F
timer=setTimeout('Redirect()',time * 1000); //跳轉
+ C( n* {6 m* c
, f7 ?! A( h: u$ O3 G. a
//-->. f7 q; \# t8 J
</SCRIPT>

複製代碼

栗子4，帶進度條：

<form name=loading>
8 e( s2 B6 b- p! K7 r
<p align=center><font face=arial color=#0066ff size=2>loading...</font>
" W- \7 r' @5 q4 U
<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>* Q' H4 X5 a' e
4 a; C& ^1 _- [+ g& a# C' F
) v1 ]' y) _. Y* Q4 G- m
<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>0 u+ i0 i" v% c2 _0 j6 C9 x
<script language="javascript">
; E7 T7 k. \7 ` i, o
var bar=0, E. j% r7 t1 U1 u) s
var line="||"
! u5 Z2 {6 E" O2 t- x1 q, s/ r
var amount="||"+ N9 k( z' c! {1 F# \* W
count()* J! ?+ L7 k4 i* p% n! `7 d
/ L/ i! C5 s9 Y4 Q9 d
function count(){8 v1 }3 I0 s; P7 D! }$ A, H. T. x+ y
bar=bar+2
5 O& u2 S. ^) {4 d: Z
amount =amount + line
4 o0 S& A9 Z& y5 V0 @4 d6 y
document.loading.chart.value=amount
- w6 M: \- |* b+ R( O
document.loading.percent.value=bar+"%"! c- _6 T4 x- _. w* V/ f
if (bar<99){: P6 n/ X1 A7 C& S7 V. I
setTimeout("count()",100);
: o$ r, ^, J8 g- `
}else{
7 r7 ~% z5 ]: [9 x$ E6 B
window.location = "http://www.baidu.com/";/ |' K7 W& ]1 S6 o o) M- ]
}; ~" r. f' O0 ~
}
* X/ s. T6 O Q! o& ]$ h
</script>/ s+ }6 |1 `( g, K6 ]
</p>, f4 t$ G' [& R! p6 f
</form>

複製代碼

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

<?php
0 E0 T8 X+ {+ X" G7 S8 C) Y/ H
$asins = $_GET["asins"];4 J( m; u$ [1 K. f! r) ~5 N) T$ A: n
$tag = $_GET["tag"];
+ S) h' F$ p5 q; S" M- j# V! D
$url = "http://www.amazon.com/dp/".$asins."/?tag=".$tag;6 F% D( S' W9 ?/ ` G8 t% ~
Header("HTTP/1.1 302 Moved Permanently");% q$ O2 v; h' y' [6 E0 ^9 n
Header("Location: ".$url);+ K5 Z9 p$ r7 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

非常感謝樓主的無私分享

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

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

評分