« 六一，快乐哦··游魂的Z-Blog 1.8 Spirit Build 80605试用报告 »
June 1 2008

如何使用refresh或ＪＳ实现页面跳转

Tags: refresh  ＪＳ  页面跳转   游魂 @ 17:21

　　曾在自定义404页面与返回状态码一文中提到用refresh或ＪＳ实现页面跳转，文中只说了有这么两种方法，下面就具体的说一下如何使用这两种方法实现页面跳转。

　　首先是refresh，这个方法所加的代码十分少，只有一行：

<META http-equiv=refresh content=2;URL=http://www.iblog2008.cn/>

　　把这行代码加到<head>   </head>之间就OK了，解释一下：content=2跳转的时间，单位：秒（你想设几秒就几秒）。URL=http://www.iblog2008.cn/就是你要跳转的地址啦，一般404页面肯定是要到主页。

　　OK，refresh的使用方法结束了，不过这种方法貌似对搜索引擎不友好，不建议使用。

       

         JS的方法，这段代码比较长：

<div id="text">本页将在<strong id="tt"></strong>后，跳转至：<span id="link"></span></div>

<script type="text/javascript">
<!--
var t = 5;//设置跳转时间：秒
var url = "http://www.iblog2008.cn/";//设置跳转网址

document.getElementById("link").innerHTML="<a href="+url+">"+url+"</a>";
function $(){
ta = t-1;
tb = t+"000";
d = document.getElementById("tt");
d.innerHTML=t;
setInterval("go_to()",1000);
}
$();

function go_to(){
d.innerHTML=ta--;
if(ta<0){
document.write("正在跳转至：<a href="+url+">"+url+"</a>");
location.href=url;
}
else{
return;
}
}
//-->
</script>

       把这段代码放进你的页面的<body></body>之间，需要改动的就是开始的var t = 和var url = 后边的东东了，上边有注释，自己看吧。

      Java Script对搜索引擎而言是无益同时也无害的，所以严重推荐这种方法。

喜欢本文? 欢迎订阅通过 通过Google订阅哎！部落格 通过Yahoo!订阅哎！部落格 通过抓虾订阅哎！部落格 通过鲜果订阅哎！部落格 通过有道订阅哎！部落格 通过哪吒订阅哎！部落格 通过QQ邮箱订阅哎！部落格 通过飞豆订阅哎！部落格 通过Pageflakes订阅哎！部落格 通过Netvibes订阅哎！部落格 通过Newsgotor订阅哎！部落格 通过Bloglines订阅哎！部落格 订阅哎!部落格，获取最新文章
分类:网站建设 | 评论:6 | 引用:0 | 浏览:
  • 相关文章: