常用的3个页面跳转代码

下面三个都是我经常用的。

  • 1.首先是javascript的版本,这个页面跳转速度还是不错的,不过具体应该看浏览器。有人说这个搜索引擎难以收录,不过根据我的使用经验,百度是收录这个链接并配以跳转后的页面标题和简介。收录情况具体怎样看百度自己怎么说吧。

<script type=”text/javascript”>
document.location.href = “http://yunef.com/”;
</script>

  • 2.这是meta版本的,关于时间秒数我一般设置为0或者0.1,不过好像有时候0.1秒还是挺长的哈哈。

<meta http-equiv=”refresh” content=”0.1;URL=http://yunef.com/”>

  • 3.带进度条版本,不过具体的还是用js实现的。这个不要直接复制粘贴,下面的效果还不怎么样,也还没有进行移动适配,主要是提供一个思路。

<form name=loading>
<p align=center> <font color=”#0066ff” size=”2″>正在进入,请稍等</font><font color=”#0066ff” size=”2″ face=”Arial”>…</font>
<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://yunef.com”;}
}</script>
</p>
</form>
<p align=”center”> 如果您的浏览器不支持跳转,<a style=”text-decoration: none” href=”http://yunef.com”><font color=”#FF0000″>请点这里</font></a>.</p>

发表评论

电子邮件地址不会被公开。 必填项已用*标注