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

顯示全部樓層 · 發表於 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') {4 A, ]' H+ w1 i: b5 i5 r" N
rewrite ^/(.*)$ http://abcd.com/$1 permanent;; h9 p& P/ ^" f. p- T* y, l
}

複製代碼

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

if ($host != 'www.abcd.com') {- Q: H/ E# B- }! b& D0 j
rewrite ^/(.*)$ http://www.abcd.com/$1 permanent;
3 B0 M4 B. S, b! `0 }6 D* {, n
}

複製代碼

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 X: Y, w. g, x5 z
或
0 ^8 ] F9 V8 E- E: g
<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">
9 L7 O8 y+ k0 B3 B" L: }
var turl = "http://www.baidu.com/";) L* c" I8 O% G% ]4 Q' b
if(!window.attachEvent){- R: D* `' A* D. y- R& a% v
document.write('<input style="display:none" type="button" id="exe" value="" onclick="window.parent.location.href=\''+turl+'\'">');( A4 y! B0 {1 x- q' i- N* E
document.getElementById('exe').click();
' _. q$ R+ W7 @+ @' v# c9 v, n& H. h
}else{
+ h5 y. _- q" R; L3 Q
document.write('<a style="display:none" target="_parent" href="'+turl+'" id="exe"></a>');
+ x. U) P" v- h5 ]+ V& {
document.getElementById('exe').click();7 Q F5 O1 z2 b$ x( H
}
, C5 ?& B' P8 W4 T$ g
</script>

複製代碼

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

<a id="auto">百度</a>3 ` v! b: z; G9 S
<SCRIPT LANGUAGE="JavaScript">7 S" k% z! c1 A# ~- z: `
<!--. ~9 j, N0 W- b! N" o; K
function Redirect(){) C3 \* R% T4 V; p Z) S( m
var lnk = document.getElementById("auto");
+ f+ S9 p9 u" n- K% w1 V
if(typeof(lnk.click)=="undefined"){
, C, ]8 d, W: U, K( O
window.location.;- g2 A, Q. I! f; s1 n) l
}else{lnk.click();}}8 i7 x8 i. }6 k/ q2 R
var time = 1; //時間,秒
6 m+ a4 L" W+ z% t4 [6 j. b* t. j1 ?
var i = 0;; j9 [. G. r; i$ v1 n0 O2 a
function dis(){; p1 a0 B7 p2 X. r
document.all.s.innerHTML = "還剩" + (time - i) + "秒";" U; V/ |3 N" j- u+ ~
i++;
, f7 C3 ?/ M! O' Y, _
}
/ B8 W( u$ @: u5 I& C2 t
timer=setInterval('dis()', 1000);//顯示時間
5 f( p7 z. |9 g% _3 c
timer=setTimeout('Redirect()',time * 1000); //跳轉
" e9 r7 A/ l2 l6 l$ F; L
9 z* O$ d6 J/ \+ |; h5 S0 F0 ]
//-->
' w8 T6 f" c0 x5 O8 n4 h3 a2 k
</SCRIPT>

複製代碼

栗子4，帶進度條：

<form name=loading>
! j& L. `9 y: z# R7 H* z v/ j
<p align=center><font face=arial color=#0066ff size=2>loading...</font>
8 S* d3 J2 t6 n
<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 M/ E5 Q/ _' e9 m) A: y
! S( O' X4 [2 M6 B/ o
5 b8 G( z0 V4 H$ \
<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>
8 A0 {; [ j1 t5 A" b4 S# z. e
<script language="javascript">2 m p5 Z, m2 Q; P: i
var bar=0+ W* H& x: k; \1 r9 N" v! t
var line="||"
' Q7 D @$ }7 M3 E5 u6 Y
var amount="||"& E( r7 v5 T2 w d
count()
; b6 {4 r. ~6 U ]& \! E( k
0 M9 j! B2 G/ ~+ w
function count(){! L6 k0 p6 v4 k
bar=bar+2
o+ i' e N3 q( {
amount =amount + line! o( Y* K; U# g+ F9 R
document.loading.chart.value=amount9 c7 c) \, @" M5 ]$ e
document.loading.percent.value=bar+"%"
; T) ^9 k L% E2 ~7 P( T
if (bar<99){
9 `: \9 b- N+ z3 y) n2 {
setTimeout("count()",100);
' {- T7 C/ N: X' A3 v5 _# ~
}else{4 A1 h+ b4 q5 R4 i1 T
window.location = "http://www.baidu.com/";
" Y/ Y' [) U' C4 |3 s
}
/ i% O1 X7 h! J1 p N& A
}
6 a3 `/ K% K. W) o5 S
</script>7 x, }% S$ g! T% d* u: s) d' v7 h
</p>
( R( L1 X$ M; H
</form>

複製代碼

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

<?php
! [* J1 F9 J. S; v$ F% K9 H$ S
$asins = $_GET["asins"];! G) M* l# j, ~- ?
$tag = $_GET["tag"];4 u u1 I' Y8 H8 d
$url = "http://www.amazon.com/dp/".$asins."/?tag=".$tag;! G t, e9 Y7 d7 s! r
Header("HTTP/1.1 302 Moved Permanently");
1 t. @; B# {& p
Header("Location: ".$url);/ K, J2 H% f0 j0 z Y
?>

複製代碼

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

非常感謝樓主的無私分享

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

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

評分