常用网页自动跳转实现代码 网页自动跳转代码html
- 企业网站教程
- 编辑：m1938
- 时间：02/20
- 阅读：2169
很多站长都会用网页自动跳转来实现一些功能，本文整理五个网页自动跳转的方法来分享给大家，他们都能实现在指定时间后自动跳转到所需要的网页或链接的功能。
第一种：支持定时的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://www.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://www.m1938.com/index.php/hongxin/’;
// 以下方式定时跳转
setTimeout(“javascript:location.href=’https://www.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://www.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://www.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://www.m1938.com/index.php/hongxin/”;}
}</script>
</p>
</form>
<p
align=”center”> 如果您的浏览器不支持跳转,<a style=”text-decoration: none”
href=”https://www.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://www.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://www.m1938.com";}
}</script>
</p>
</form>
<p
align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none"
href="https://www.m1938.com"><font
color="#FF0000">请点这里</font></a>.</p>
</body>
</html>
- 苹果CMS10影视程序自动采集教程
- 在建立好自己的网站添加自定义资源库后，由于手动采集方式比较耗时间和精力更新也不够及时，是不是特别希望能有一个全自动定时采集方法来帮助网站增加视频资源解放自己的双手，m1938工作室现在就教大家如何用宝塔一步一步实现这个定时采集任务。1.进入苹果CMS10后台，点击–采集2.在采集页面，点击左侧“自定义资源库，鼠标右键点击需要采集的内容，如“采集当天”、“采集本周””采集所有“，选择复制链接地址。 &nb
- 苹果cmsv10教程
- 来源：m1938
- 编辑：m1938
- 时间：02/20
- 阅读：13978
- 苹果cmsV10图片域名替换教程
- 封面图片域名更换：所下图所示操作注意切记填写域名时千万不要有空格 按图片步骤操作 具体操作如下图
- 苹果cmsv10教程
- 来源：m1938
- 编辑：m1938
- 时间：02/20
- 阅读：9191
- 苹果cmsV10视频域名替换教程
- 视频域名更换：所下图所示操作 切记填写域名时千万不要有空格按图片步骤操作 具体操作如下图
- 苹果cmsv10教程
- 来源：m1938
- 编辑：m1938
- 时间：02/20
- 阅读：6216
- 各种页面常用的弹窗代码大全 弹窗广告代码定时跳转代码
- 1.超级弹窗代码(MYIE也照弹)复制内容到剪贴板代码:focusid=setTimeout(”focus();window.showModelessDialog(’https://www.m1938.com’,’’,’scroll:1;status:0;help:0;resizable
- 企业网站教程
- 时间：02/20
- 阅读：7358
- 苹果cmsv10的程序详细安装教程和m1938工作室模板安装教程
- 推荐的服务器环境配置首先第1步在你的服务器安装好宝塔面板bt.cn通过你的服务器在这个域名下载安装好安装好了之后会生成一个面板地址，用户名和密码然后通过你的面板地址访问登录登录bt面板之后左边导航有一个软件商店按照下面的环境配置
- 苹果cmsv10教程
- 时间：02/20
- 阅读：22472
- 模板推荐
N1347苹果cmsV10高级自适应X站影视模板...
￥260.00
DEDECMS5.7织梦手机PC自适应模板精仿新版阿里百秀NO19...
￥180.00
精仿W3CPLUS网站DEDE5.7手机+平板+电脑自适应模板 N...
￥180.00
织梦dedecms5.7高端质感个人黑色博客资讯NO196模板...
￥160.00
M1938工作室N1480苹果cmsv10高级自适应Seo影视模板...
￥300.00
- 教程排行榜
- 更多>>
惠本月优惠m1938工作室后台在线购模板一次充值500送现金20元,充1000元送现金50元.
