手机版
欢迎来到m1938工作室
帮助中心

M1938模板网

热门搜索： 苹果cms模板    视频模板    seo模板    动漫模板    影视   
网站首页
模板风格 模板插件 模板教程

常用网页自动跳转实现代码 网页自动跳转代码html

  • 网站教程
  • 编辑：m1938
  • 时间：02/20
  • 阅读：2841

很多站长都会用网页自动跳转来实现一些功能，本文整理五个网页自动跳转的方法来分享给大家，他们都能实现在指定时间后自动跳转到所需要的网页或链接的功能。

第一种：支持定时的html网页跳转
优点：简单
缺点：在Struts Tiles框架中无法使用

<html>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″>
<!– 以下方式只是3秒后刷新不跳转到其他页面 –>
<meta http-equiv=”refresh” content=”3″>
<!– 以下方式为定时3秒后跳转到其指定页面 –>
<meta http-equiv=”refresh” content=”3;url=https://shop.m1938.com/index.php/hongxin/”>
</head>
<body>
//注意：以上两种无法同时使用
</body>
</html>

第二种：支持定时的javascript网页跳转
优点：灵活，可以结合更多的其他功能
缺点：会因浏览器不同而受到影响

<html>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″>
</head>
<body>
<script language=”javascript” type=”text/javascript”>
// 以下方式直接跳转
window.location.href=’https://shop.m1938.com/index.php/hongxin/’;
// 以下方式定时跳转
setTimeout(“javascript:location.href=’https://shop.m1938.com/index.php/hongxin/'”, 5000);
</script>

//注意：以上两种无法同时使用
</body>
</html>

第三种：javascript实现简单的网页跳转
优点：简单，快速
缺点：可制定性不强

<html>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″>
</head>
<body>
<script language=’javascript’>document.location = ‘https://shop.m1938.com/index.php/hongxin/'</script>
</body>
</html>

第四种：结合了倒数功能的javascript网页跳转
优点：更人性化
缺点：不支持span、div等 innerText属性的浏览器无法使用。

<html>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″>
</head>
<body>
<span id=”totalSecond”>3</span>秒后自动跳转
<script language=”javascript” type=”text/javascript”>
var second = document.getElementById(‘totalSecond’).textContent;

if (navigator.appName.indexOf(“Explorer”) > -1) {
second = document.getElementById(‘totalSecond’).innerText;
} else {
second = document.getElementById(‘totalSecond’).textContent;
}

setInterval(“redirect()”, 1000);
function redirect() {
if (second < 0) {
location.href = ‘https://shop.m1938.com/index.php/hongxin/’;
} else {
if (navigator.appName.indexOf(“Explorer”) > -1) {
document.getElementById(‘totalSecond’).innerText = second–;
} else {
document.getElementById(‘totalSecond’).textContent = second–;
}
}
}
</script>
</body>
</html>

第五种：经过简单美化的javascript网页跳转
优点：功能更全面，美观
缺点：一些浏览器可能需要手动点击跳转

<html>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″>
<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 = “https://shop.m1938.com/index.php/hongxin/”;}
}</script>
</p>
</form>
<p align=”center”> 如果您的浏览器不支持跳转,<a style=”text-decoration: none” href=”https://shop.m1938.com/page/15.html”><font color=”#FF0000″>请点这里</font></a>.</p>
</body>
</html>


方案一

<html>
<head>
<meta http-equiv="Content-Language" content="zh-CN">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<meta http-equiv="refresh" content="0.1;url=https://shop.m1938.com">
<title></title>
</head>
<body>
</body>
</html>

方案二

<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 = "https://shop.m1938.com";}　
}</script>
　</p>
</form>
<p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="https://shop.m1938.com"><font color="#FF0000">请点这里</font></a>.</p>
</body>
</html>

 


全部评论(0)
推荐教程
  • ASP版本什么时候需要使用mssql数据库
  • ASP版本什么时候需要使用mssql数据库
  • Access是种桌面数据库，只适合数据量少的应用，在处理少量数据和单机访问的数据库时是很好的，效率也很高。但是Access本身对于同时访问客户端及容量都有一定的缺陷。Access最多支持255个并发用户并且支持的最大数据库大小为2G，不完
  • 马克斯max教程
  • 编辑：m1938
  • 时间：02/20
  • 阅读：1846
  • 苹果CMSv10自定义添加分类详细教程
  • 苹果CMSv10自定义添加分类详细教程
  • 有时候我们在添加资源采集站绑定分类的时候发现有些分类系统是没有的，比如这个纪录片苹果系统默认是没有这个分类的，如果你不想分这么细的话可以随便绑定到一个分类上如果不想采集的话可以不绑定，如果我们需要网站上有记录片这个分类
  • 苹果cmsv10教程
  • 来源：m1938
  • 编辑：m1938
  • 时间：02/20
  • 阅读：4675
  • 苹果CMS V10使用宝塔安装建站新手教材
  • 苹果CMS V10使用宝塔安装建站新手教材
  • 域名解析好，宝塔安装好，现在来建站，先安装运行环境，选择LNMP推荐就可以，PHP版本选择PHP5.6特别提醒：苹果CMSV10的PHP版本一定要在7.0以上，才可以使用。1、Windows平台：      IIS/Apa
  • 苹果cmsv10教程
  • 来源：m1938
  • 编辑：m1938
  • 时间：02/20
  • 阅读：8201
  • 马克斯CMS模板播放列表错位解决方法
  • 马克斯CMS模板播放列表错位解决方法
  • 马克斯CMS模板播放列表错位解决方法发现用马克斯CMS模板的朋友很多出现播放列表错位无法解决现在分享一下解决方法，希望能帮到你.inc\CommonFun.asp查找以下段落中和去掉，重新生成case
  • 马克斯max教程
  • 编辑：m1938
  • 时间：02/20
  • 阅读：2041
  • m1938苹果MACCMS8XPC模板+手机模板安装教程
  • m1938苹果MACCMS8XPC模板+手机模板安装教程
  • m1938苹果MACCMS8XPC模板+手机模板安装教程注意.安装前一定要做好备份=======================================================================1.首先在电脑里面下载安装好，苹果cms程序。2.程序下载的地址。http://shop.m1938.co
  • 苹果cmsv8教程
  • 来源：m1938
  • 编辑：m1938
  • 时间：02/20
  • 阅读：12360
  • 分类
苹果cmsv8教程 苹果cmsv10教程 海洋cms教程 飞飞cms教程 马克斯max教程 网站教程
本站声明 请在遵守中华人民共和国法律法规的情况下使用本站模板，严禁将M1938模板网的模板用在涉黄、涉黑、涉赌、涉毒、涉电信诈骗等任何涉嫌违法活动站点,本站所有代码模板仅供学习交流使用,请勿用于商业用途,及违法侵权行为使用均与本站无关！
CopyRight © 2026 M1938模板网 版权所有 | 模板仅供学习参考，请勿用于违法或商业用途