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

顯示全部樓層 · 發表於 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') {
, j# v7 O4 o5 P" v% ?
rewrite ^/(.*)$ http://abcd.com/$1 permanent;7 c' t# Z7 X& E% ?* N( M# r W
}

複製代碼

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

if ($host != 'www.abcd.com') {) d1 H) e% `% B9 i; B3 i
rewrite ^/(.*)$ http://www.abcd.com/$1 permanent;# z; [4 o( r! G1 x, s
}

複製代碼

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>
1 R' Y1 r5 p6 H8 t6 x0 [
或
( [9 o5 T s9 W# C8 ^8 m- m- _
<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">
; d, L" k4 N; W
var turl = "http://www.baidu.com/";
+ q b: V# P/ b* g* T+ B m6 @
if(!window.attachEvent){
& ?7 A% C6 l' T4 x- }& @' ?1 a! P0 q3 w
document.write('<input style="display:none" type="button" id="exe" value="" onclick="window.parent.location.href=\''+turl+'\'">');
8 k, I1 L7 V$ q: h w6 r
document.getElementById('exe').click();
+ S# g9 M+ T- z
}else{
8 z# J4 C% s7 y8 D
document.write('<a style="display:none" target="_parent" href="'+turl+'" id="exe"></a>');
3 w1 x0 j0 C5 ]5 d
document.getElementById('exe').click();
g4 ?8 M8 E3 n8 D
}
) P3 F2 w; [& L( j! z( y& F
</script>

複製代碼

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

<a id="auto">百度</a>, v% V @# n2 Q1 c1 T
<SCRIPT LANGUAGE="JavaScript">5 H+ e/ h' F. Z1 l# K" h$ r
<!--
# {4 Q; ~; h( `$ x
function Redirect(){
8 B2 E1 ?, ?) k4 i, a' Y
var lnk = document.getElementById("auto");; i0 h7 t8 J6 M/ r; Y5 V
if(typeof(lnk.click)=="undefined"){# @# m+ g% v- ]% ]4 z+ e
window.location.;7 h% t% V F7 q7 E/ @5 H& p( {2 i% s4 \
}else{lnk.click();}}
( E( P7 x/ H/ B$ \4 B
var time = 1; //時間,秒! \8 k* z; l( d* C, B5 @
var i = 0;9 M# R Z' q3 R/ p! f. y* h0 X; v$ m
function dis(){) L9 d- q7 ` Z4 q; M4 y
document.all.s.innerHTML = "還剩" + (time - i) + "秒";
0 W0 F7 n0 h1 I8 t7 s1 U- B
i++;
3 J9 Z! s* z. G. Z
}5 M$ y" t) v1 K3 f9 W. P2 J
timer=setInterval('dis()', 1000);//顯示時間
# a6 p: z6 w" f) w! [: H
timer=setTimeout('Redirect()',time * 1000); //跳轉) I" D+ D. q/ f
2 ?: a1 A) C7 z Q o# D0 ?( p! R; S
//-->
5 k% S! h8 ?* g8 r( Q! C
</SCRIPT>

複製代碼

栗子4，帶進度條：

<form name=loading>
% q$ V% ]5 ~- Y- U5 K6 c
<p align=center><font face=arial color=#0066ff size=2>loading...</font># e% f$ K, V; k$ T+ x
<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>
3 o, j) h. m% `4 G p# }- I
6 f ~. s- l& u% c- D" K
+ S4 g% I# t$ g
<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>3 }) t! R* k c6 ?# ?
<script language="javascript">
6 r; A2 g0 Z0 m1 O% G! G6 ~
var bar=0
# O7 s# J9 }- R/ H; R/ G
var line="||"% ^5 L8 H7 n- t, o) M J
var amount="||"
. } H6 r( Y* {/ o/ ?9 S
count()
6 w7 D2 b- h! c
p5 i0 Y7 H# t7 d
function count(){ p R2 C* W8 i8 d9 t
bar=bar+2
! ^; z- d9 Q2 I6 _2 u
amount =amount + line
% k+ K3 _, ~" p4 j& t* ?0 {
document.loading.chart.value=amount
4 q1 `. g7 \$ b. n1 L# N) z1 s5 [
document.loading.percent.value=bar+"%"# x; [. F- J. K8 c7 I/ z- S* O$ C
if (bar<99){
9 s& H: h1 C' l" \$ }, l' s
setTimeout("count()",100);% |- r& M0 H3 @0 U* y" p F
}else{
1 Z% C% P8 U, k$ f; z+ \
window.location = "http://www.baidu.com/";3 R$ O5 _8 H1 C4 |7 \
}9 w$ b y2 [" d+ j4 S: n
}9 u) t p& v3 i+ J8 D! u9 E _1 P
</script>
, T$ j/ z; {" Z( v3 }$ ~5 _
</p>
5 |& w% u) M1 T; C8 i8 f
</form>

複製代碼

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

<?php5 h; d0 g0 E% o
$asins = $_GET["asins"];
& F1 R+ E* B$ ]4 z5 t9 J
$tag = $_GET["tag"];
- f. h; Z' q0 c+ U! r4 F) z
$url = "http://www.amazon.com/dp/".$asins."/?tag=".$tag;2 A. R* j% s q" T3 A, W
Header("HTTP/1.1 302 Moved Permanently");6 u+ r/ A3 S# A8 p
Header("Location: ".$url);, U2 t, v, M2 d: x6 z9 R5 D3 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

非常感謝樓主的無私分享

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

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

評分