html网页自动跳转代码设置

2011年5月23日12:08:09 |发布: zblog优化 |浏览:

乾元轩介绍普通网页的自动跳转代码,这些代码加进网页后,会在自己所设置的跳转时间时跳转到指定网页,或者指定跳转的网站,网页自动跳转功能的实现,有两种常见方法。

 一:在网页代码的head部分加入<meta http-equiv="refresh" content="1;url=http://www.imwen.com">,其中,content的值由跳转等待时间和跳转到目的网址组成。如果时间值设置为0,则打开该页面就直接跳转到新的目的页面。这段代码也可以加入zblog的主题模板文件中。为了对搜索引擎表示友好,建议时间值不要设置太小。

二:在网页代码的body部分加入执行跳转的代码
<body onmouseover="MM_displayStatusMsg('此页面正在跳转到本站主页-乾元轩');return document.MM_returnValue" ><br><br><br><br>
<form name=loading>
<p align=center> <font color="#0066ff" size="2">很抱歉,你要找的网页已过期!</font><br><br><font color="#0066ff" size="2">网页正在执行跳转到本站首页!</font><br>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff;background-color:#fef4d9; padding:0px; border-style:none;">   
  <input type=text name=percent size=47 style="color:#0066ff; text-align:center; border-width:medium; border-style:none;">
  <script> 
var bar=0 
var line="||" 
var amount="||" 
count() 
function count(){ 
bar=bar+2 
amount =amount + line 
document.loading.chart.value=amount 
document.loading.percent.value=bar+"%" 
if (bar<99) 
{setTimeout("count()",100);} 
else 
{window.location = http://www.imwen.com;} 
}</script>
 </p>
</form>
<p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="http://www.imwen.com"><font color="#FF0000">请点这里</font></a>.</p></body>

本例代码中onmouseover="MM_displayStatusMsg('此页面正在跳转到本站主页-乾元轩');return document.MM_returnValue"  表示浏览器状态栏部分的显示信息,可以不要。

以上介绍的两种方法在大部分网站程序中都可以使用,目前的测试结果表明,在zblog程序中,如果主题模板文件default.html,single.html等主要文件的适当位置加入上面的代码(可能需要文件重建)都可以实现网页跳转。

支付宝打赏 微信打赏

« 上一篇下一篇 »

  • 评论:(2 )

已有 2 位网友发表了一针见血的评论,你还等什么?
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。