页面自动跳转代码

最新推荐文章于 2024-04-19 11:46:49 发布

zzqrj

最新推荐文章于 2024-04-19 11:46:49 发布

阅读量172

点赞数

分类专栏： Java知识文章标签： JavaScript 浏览器 HTML ViewUI

本文链接：https://blog.csdn.net/zzqrj/article/details/83761414

版权

Java知识专栏收录该内容

31 篇文章 0 订阅

订阅专栏

1. 在body中使用onload属性

<body οnlοad="location.href='www.yoururl.com'">

2.使用meta原属

在 <head></head> 之间加入以下代码：

<meta http-equiv="refresh" content="5;URL=http://www.yoururl.com">

注：content:时间，以秒为单位;URL:转向的网址。表示5秒后将自动跳转到 www.youurl.com 页面

3.使用javascript代码

<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>正在进入</title>
</head>
<body>
<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://www.dreamershop.com";}　 
}</script> 
</p> 
</form> 
<p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="http://www.dreamershop.com"><font color="#FF0000">请点这里</font></a>.</p>
</body>
</html>

跳转效果图：

zzqrj

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页面自动跳转代码

1. 在body中使用onload属性 &lt;body onload="location.href='www.yoururl.com'"&gt; 2.使用meta原属在 &lt;head&gt;&lt;/head&gt; 之间加入以下代码： &lt;meta http-equiv="refresh" content="5;URL=htt...
复制链接

扫一扫