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

顯示全部樓層 · 發表於 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') {
3 r9 i1 `- N; G" a) e5 k" {" r
rewrite ^/(.*)$ http://abcd.com/$1 permanent;
, j8 g% x5 a7 j
}

複製代碼

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

if ($host != 'www.abcd.com') {! a' \ P: s: V7 ?
rewrite ^/(.*)$ http://www.abcd.com/$1 permanent;, @& E6 ^! H1 U
}

複製代碼

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>
# J0 q+ H/ G# I5 f
或
2 K2 {7 c$ `' c, L
<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">7 v& T8 B9 |) ]4 r, S
var turl = "http://www.baidu.com/";
9 I; J. U! }8 @
if(!window.attachEvent){
2 L, t1 {3 [9 {8 t# K$ u
document.write('<input style="display:none" type="button" id="exe" value="" onclick="window.parent.location.href=\''+turl+'\'">');- s$ S+ H5 L0 B( f+ v5 v! S& C
document.getElementById('exe').click();
% ~# e. g& c$ z$ e
}else{
% ?3 _- T: m/ O7 W' d6 _5 {
document.write('<a style="display:none" target="_parent" href="'+turl+'" id="exe"></a>');
: X& D* |, ]! h/ v! v
document.getElementById('exe').click();
& i' B4 M% |1 D& x: H3 X
}
+ n/ T3 Q2 r& j% e
</script>

複製代碼

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

<a id="auto">百度</a>% ^% S" P, \) D* o: \! z
<SCRIPT LANGUAGE="JavaScript">9 z$ y! P8 v" j! @- f- Q
<!--
! g$ Q0 |6 w' G: O: h8 {1 ?! o
function Redirect(){$ P- [1 q4 D% T$ O- k+ C5 K: @
var lnk = document.getElementById("auto");
& t. q. C( L& K/ A- N$ u1 p& R: ?
if(typeof(lnk.click)=="undefined"){1 @3 W4 N, E1 |0 [' g3 A$ z
window.location.;! x) m) H9 [7 D3 _/ k
}else{lnk.click();}}
4 x/ z" S9 a0 V) [$ e
var time = 1; //時間,秒% D/ s. H$ u, X7 S1 C5 ]+ h- V4 I5 t7 i
var i = 0;7 B* D8 O5 Z3 D1 F6 i. ?% E( A
function dis(){
/ ]% m* M H* f ^
document.all.s.innerHTML = "還剩" + (time - i) + "秒";
" d4 q+ q/ e4 r. P( m
i++;
% ?/ v# Z- `# t
}
* \. w$ U. @4 s6 p
timer=setInterval('dis()', 1000);//顯示時間
" P6 M w& A7 c, j1 Y
timer=setTimeout('Redirect()',time * 1000); //跳轉
# W7 D0 i, f' H' Q- f; c
6 B: k8 c/ ]0 O
//-->! Y; p6 ^4 Y# H2 N) X
</SCRIPT>

複製代碼

栗子4，帶進度條：

<form name=loading>
! m$ \% S+ }4 k W) v
<p align=center><font face=arial color=#0066ff size=2>loading...</font>
; G7 J5 g+ B) @) p' i$ V; ?* O
<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>* T, T, }9 S1 T" t H7 M4 u" U
6 b9 C u: A3 b, c& k
S" X3 A# B+ P- Z; ]4 D
<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>' d6 C% d2 \: Y
<script language="javascript">
' O" r0 ~" R6 W. N, q
var bar=0% F; d2 H& r0 c' z# d& g& e
var line="||"
% a4 S8 y ]9 S* ]( D8 Z8 \" C! I
var amount="||"/ V0 k- o6 @4 |' [/ K
count()( w# t2 ~% l* H9 O( r8 k
2 u" [: \7 z% s2 [4 x/ h
function count(){
& i" H# y' Y s8 F
bar=bar+2
; }" P u1 a+ E/ P& {
amount =amount + line
4 B# S, M3 x, Z1 @* t* y4 c
document.loading.chart.value=amount
$ G ^& C5 ^- n+ G5 J. J- i
document.loading.percent.value=bar+"%"
" y7 B1 V% i1 V
if (bar<99){
, a9 V) v9 \7 h0 H! n+ l4 N2 O
setTimeout("count()",100);
" L3 \7 c7 m+ u* ]- b
}else{! `0 w* Y7 i p6 T5 q
window.location = "http://www.baidu.com/";
* N$ H, l4 B3 E( r/ T5 N( R& _
}4 z0 d6 |% x) C$ M2 \9 i
}, G7 ]8 k, v# O* A( M q
</script>
& c4 C6 N5 y9 N; n
</p>
8 p- g! |0 B/ f( H6 v6 K9 l8 a4 `) m
</form>

複製代碼

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

<?php4 E* b8 p; O0 k1 `
$asins = $_GET["asins"];
7 @/ t# U5 a# ^7 N, Z! V7 ?* j
$tag = $_GET["tag"];
0 E3 o9 S& h" P& U# J5 T
$url = "http://www.amazon.com/dp/".$asins."/?tag=".$tag;+ m N7 P& E3 _6 j6 U6 R2 Z. C; a
Header("HTTP/1.1 302 Moved Permanently");0 t, f2 X1 b$ \0 N! e/ F! U
Header("Location: ".$url);
, U) ?( y( q$ G- f, O
?>

複製代碼

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

非常感謝樓主的無私分享

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

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

評分