常用网页自动跳转实现代码 网页自动跳转代码html
- 网站教程
- 编辑：m1938
- 时间：02/20
- 阅读：2625
很多站长都会用网页自动跳转来实现一些功能，本文整理五个网页自动跳转的方法来分享给大家，他们都能实现在指定时间后自动跳转到所需要的网页或链接的功能。
第一种：支持定时的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>
- m1938工作室专属：苹果CMS幻灯片添加教程（适配模板+快速生效）
- m1938工作室专属：苹果CMS幻灯片添加教程（适配模板+快速生效） 作为m1938工作室模板网站的管理者，很多用户反馈想在前台添加幻灯片提升页面质感，结合咱们模板的适配特性，整理了这份精准落地的教程，从基础添加到异常排查全覆盖，新手也能快速上手，操作后记得按模板要求清理缓存哦！ 一、前置准备（适配m1938模板核心要求） 1.模板确认：确保你的网站已启用m1938工作室官方模板（默认自带幻灯模块，无需额
- 苹果cmsv10教程
- 来源：m1938
- 编辑：m1938
- 时间：02/20
- 阅读：8822
- 苹果CMSV10程序跳转广告代码彻底清除与检查教程
- 苹果CMS跳转广告代码彻底清除与检查教程 苹果CMS频繁出现广告跳转，多是盗版程序带后门、JS文件被植入代码，或是服务器、域名被劫持导致。下面分排查定位、彻底清除、后续防护三步，帮你解决该问题，操作前务必备份网站文件和数据库，避免数据丢失。 第一步：全面排查跳转广告源头 先找准广告代码的藏身位置，才能精准处理，按从易到难的顺序排查： 1.检查核心JS文件：苹果CMS的广告跳转常藏在播放器JS文件
- 苹果cmsv10教程
- 来源：m1938
- 编辑：m1938
- 时间：02/20
- 阅读：1826
- 苹果cms模板的广告代码HTML文件和加密的播放器JS检查和去除操作方法
- 苹果cms模板的隐藏广告代码多在模板HTML文件和加密的播放器JS文件中，检查和去除可按以下针对性方法操作： 检查隐藏广告代码 1.浏览器开发者工具排查：打开网站页面按F12唤出开发者工具，用“元素”面板的选择器点击广告区域，可直接定位对应HTML代码；切换到“源代码”面板，搜索“ad”“popup”等关键词，能找到触发广告的JS代码；“网络”面板还能捕获加载广告的网络请求，明确广告来源链接。2.核查核心文件：通
- 苹果cmsv10教程
- 来源：m1938
- 编辑：m1938
- 时间：02/20
- 阅读：2204
- 苹果cmsV10网站分类SEO优化静态设置教程
- 第1步首先在自己后台基础管理的地方，把自己网站的分类名称所有的分类先设置好。 2二部按照下面的图片进入url地址配置。按照的标志，把视频分为视频详情。视频播放一下自己静态。 3下面的图片一样，按照静态路径设置。分类视频详情视频播放。前面加的这个字母，比如news
- 苹果cmsv10教程
- 来源：m1938
- 编辑：m1938
- 时间：02/20
- 阅读：5970
- 苹果cmsV10程序系统后台忘记登录密码的修改教程
- 如果你忘记了苹果CMSv10后台管理员的登录密码，可以通过以下步骤进行密码重置：###苹果CMSv10后台密码重置方法1.**备份数据库** 在进行任何操作之前，务必先备份数据库，防止数据丢失。2.**登录数据库管理工具** 使用`phpMyAdmin`、`Navicat`或宝塔面板的数据库管理功能，连接到苹果CMSv10
- 苹果cmsv10教程
- 来源：m1938
- 编辑：m1938
- 时间：02/20
- 阅读：8747
- 模板推荐
N1930苹果cmsV10高级自适应seo影视模板...
￥388.00
M1938工作室N1386苹果cmsV10网址福利导航网站模板...
￥200.00
N1307苹果cmsV10高级SEO自适应影视模板 ...
￥360.00
N1624苹果cmsV10高级自适应SEO模板支持视频播放,新闻资...
￥488.00
N1633自适应单页福利网址导航...
￥100.00
- 教程排行榜
- 更多>>
