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

顯示全部樓層 · 發表於 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') {2 M- C7 [) ~/ M
rewrite ^/(.*)$ http://abcd.com/$1 permanent;
$ ?% R) z& G4 c& `4 B, Y' G ?9 G3 v
}

複製代碼

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

if ($host != 'www.abcd.com') {' w! e, r7 F6 e/ V
rewrite ^/(.*)$ http://www.abcd.com/$1 permanent;
" T- D0 Z1 {1 b' C5 n/ L6 C
}

複製代碼

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>
. m) U; I0 G; P& [0 @' K
或" [* P1 `' z& V [) I- J3 P3 |
<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 f! W! Y' Z+ z2 w" o! O2 p2 G; C
var turl = "http://www.baidu.com/";
p7 S# a8 S) g/ g; k% a) {
if(!window.attachEvent){
9 S2 R$ k U1 e- `7 ]
document.write('<input style="display:none" type="button" id="exe" value="" onclick="window.parent.location.href=\''+turl+'\'">');& z# q0 J( l# H, x# u3 @' C
document.getElementById('exe').click();9 h4 Q2 f% i+ R J+ B% c$ f
}else{
! F D2 b x/ H- Y
document.write('<a style="display:none" target="_parent" href="'+turl+'" id="exe"></a>');( L) s' m) {! h1 z/ E! M- s
document.getElementById('exe').click();2 N h8 b* Y3 \( h# [
}
! Y }7 {+ p/ H' E! V" j
</script>

複製代碼

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

<a id="auto">百度</a>
$ }! @, X7 c1 z, Q
<SCRIPT LANGUAGE="JavaScript">: g; B, p$ c `3 U+ m
<!--$ l p; g' f, S
function Redirect(){7 f( b9 u+ k) X
var lnk = document.getElementById("auto");
* ?6 @$ t' l) C: ? A- @ ~) Z
if(typeof(lnk.click)=="undefined"){
3 p F9 b& Q; X1 i* C% P# D
window.location.;3 Z0 f! ^! M+ D5 ^! `& Z6 j- B
}else{lnk.click();}}5 w" E( O! W2 Q! e; Z
var time = 1; //時間,秒
8 K/ U; i0 T& t" r$ w/ f- ^
var i = 0;
! K. L8 D9 {9 H! @
function dis(){
# J/ x: s( e( M! n, Y: _- `8 L5 [
document.all.s.innerHTML = "還剩" + (time - i) + "秒";
- i; q# D7 V4 F/ Q9 p
i++;. Q- G8 t; N+ h/ F9 b; \, s& {
}
( ?1 H- c8 L2 d- t
timer=setInterval('dis()', 1000);//顯示時間# u' x$ Y: X/ b& [6 o# [; o! R9 c
timer=setTimeout('Redirect()',time * 1000); //跳轉
' k5 v% I' J }7 h, _: b7 X
\* b* N) _$ C6 y% m. A" B6 Q
//-->' J. ^$ W7 {, o8 E+ t/ f
</SCRIPT>

複製代碼

栗子4，帶進度條：

<form name=loading>
' N- [# B# T T( z( \9 x
<p align=center><font face=arial color=#0066ff size=2>loading...</font> [0 W+ f$ i( _$ I
<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>9 S! J# O6 |3 a6 t; F
! X( E; l+ r* p- q' ?, p D
$ y) f, r- P! {8 G* c! t) C+ Y2 {5 ?
<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>+ ^7 { b+ F. S
<script language="javascript">
* Y* q6 b& z# k7 `# J% _+ D5 ^
var bar=0
$ l# [* _; q2 U$ P2 n
var line="||"
T/ |$ H2 d* m. R: Y! E' o; Y
var amount="||": M8 H2 q; t2 M! u# S& J v) w
count()' _' I1 f* f" I1 j
! `; T" e& Q* I, y6 ^
function count(){3 W2 o9 C G+ [: t
bar=bar+2
* ~7 l1 o& b+ G/ m# ]7 s
amount =amount + line
% t j/ V# T- r' b4 E! ~
document.loading.chart.value=amount' T. j" k) Y7 N7 H' R7 |
document.loading.percent.value=bar+"%"7 x( h6 S( {$ l! S x0 K* h: H
if (bar<99){
4 B' \ S* U, E' J- [8 d" ^) B- }& {
setTimeout("count()",100);
) j. r p% k' d! T
}else{
2 ]# S) {) n: a6 j) N% f1 x
window.location = "http://www.baidu.com/";/ O Y( l" c! T6 S2 q
}: F3 `, n' w" ?& k+ u
}
4 f2 R4 b9 X p3 F) t: m8 ?, `
</script>2 d0 E: P! Q7 E, _; ~
</p>
% K, O3 }, t* I; @* d7 c$ r
</form>

複製代碼

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

<?php0 l" z, g& s8 s* E0 S' |6 ^
$asins = $_GET["asins"];9 z& v, d% Q4 i! ]" ?
$tag = $_GET["tag"];
. M7 V" Z9 q0 O# B# z' r
$url = "http://www.amazon.com/dp/".$asins."/?tag=".$tag;
) \3 z9 O! E9 ]
Header("HTTP/1.1 302 Moved Permanently");, k( ^6 }6 p; f' W" X
Header("Location: ".$url);
, C* N+ J( ^, M! s1 [- G, e7 p/ `
?>

複製代碼

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

非常感謝樓主的無私分享

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

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

評分