同一个页面内容信息生成出两个不同的url地址。其中一个url地址要跳转到另一个页面地址。下面小编分享几个简单的网页跳转代码方案。
HTML
第一种：直接跳转到指定网址
<html> <head> <meta http-equiv="Content-Language" content="zh-CN"> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"> <title>加载中...</title> <meta http-equiv="refresh" content="0.1;url=https://www.20sl.cn"> </head> <body> </body> </html>
第二种：自定义跳转后标题，且隐藏跳转后的地址
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>我是标题</title> <frameset framespacing="0" border="0" rows="0" frameborder="0"> <frame name="main" src="https://www.20sl.cn" scrolling="auto" noresize></frameset> </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.20sl.cn";}
}
</script>
</p>
</form>
<p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="https://www.20sl.cn">
<font color="#FF0000">请点这里</font></a>.</p>
</body>
</html>再来个美化版：常见用于通知、跳转页、广告/友联跳转等等
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>正在跳转...</title>
<style type="text/css">
body, h1, h2, p,dl,dd,dt{margin: 0;padding: 0;font: 15px/1.5 微软雅黑,tahoma,arial;}
body{background:#efefef;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;cursor:default;}
ul, ol {list-style: none outside none;}
a {text-decoration: none;color:#447BC4}
a:hover {text-decoration: underline;}
.ip-attack{width:600px; margin:300px auto 0;}
.ip-attack dl{ background:#fff; padding:30px; border-radius:5px;}
.ip-attack dt{text-align:center;}
.ip-attack dd{font-size:16px; color:#333; text-align:center;}
.tips{text-align:center; font-size:14px; line-height:50px; color:#999;}
</style>
</head>
<body>
<div class="ip-attack">
<dl>
<div style="margin-bottom:50px;" align="center"> <img src="https://ae01.alicdn.com/kf/H77e5d6d36e3e41fea601d5b5637c0165v.png" height="80" alt=""> </div>
<dt style="color: green">正在跳转到 - 网民工具箱</dt>
<br>
<dt>页面自动<a id="href" href="https://www.toolait.cn">跳转</a> 等待时间：<b id="wait">5</b></dt>
</dl>
</div>
<script type="text/javascript">
(function(){
var wait = document.getElementById('wait'),
href = document.getElementById('href').href;
var interval = setInterval(function(){
var time = --wait.innerHTML;
if(time <= 0) {
location.href = href;
clearInterval(interval);
};
}, 1000);
})();
</script>
</body>
</html>美化版预览：整个是居中的
第四种：直接跳转指定网址(常用于放在网站头部实现自动跳转)
<meta http-equiv="refresh" content="0; url=https://www.20sl.cn">
PHP
<?php
header("HTTP/1.1 301 Moved Permanently");
header("Location: https://www.20sl.cn");
exit();
?>JavaScript
<script language="javascript">top.location='https://www.20sl.cn';</script>
Apache(301)
Options +FollowSymLinks RewriteEngine on RewriteRule (.*) https://www.20sl.cn$1 [R=301,L]
ASP.NET(301)
<%@ Page Language="C#" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
HttpContext.Current.Response.StatusCode = 301;
HttpContext.Current.Response.Status = "301 Moved Permanently";
HttpContext.Current.Response.AddHeader("Location", https://www.20sl.cn);
}
</script>Pyton
from django import http
def view(request):
return http.HttpResponseRedirect('https://www.20sl.cn')