擎天Lv19   
几种html页面跳转代码     

利用自动跳转可以简单的实现一些功能,比如:视频播放到几秒后跳转到宣传页面。



1.打开页面自动跳转到指定页面


<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=http://qtxml.cn">
<title></title>
</head>
<body>
</body>
</html>

<script language='javascript'>document.location = 'http://qtxml.cn</script>


2.带进度条的跳转

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

<span style="font-size:18px;">   </span><span style="font-size:24px;"><meta http-equiv="refresh" content="3;URL=http://qtxml.cn"> </span>
4.延时跳转-js

<script type="text/javascript">
		οnlοad=function(){     <span style="white-space:pre">				</span>//在进入网页的时候加载该方法
			setTimeout(go, 3000); <span style="white-space:pre">	</span> /*在js中是ms的单位*/
		};
		function go(){
			location.href="http://qtxml.cn"; 
		}
</script>
5.点击后延时跳转-js

<html>
<head>
<title> jquery 延迟跳转</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript">
 function delayURL(url,time){
 setTimeout("top.location.href = '" + url + "'",time);
 }
</script>
</head>
<body>
<a href="#" onClick="delayURL('http://qtxml.cn/',3000)">点击到擎天论坛</a>
</body>
</html>

6.判断来路域名跳转,适合一个站绑定了多个域名,并希望每个域名指向不同页面,或者来自搜索引擎则跳转到指定页面。

下面的例子为:如果使用qtxml.cn访问本站,则跳转到bbs.miguan.net.cn,支持多个if

<script type="text/javascript">
        if (window.location.href.indexOf("qtxml.cn") > -1) {
        	window.location.href='http://bbs.miguan.net.cn';
        }
        </script>

7.判断设备自动跳转,如果是手机访问,则跳转到手机页面

<script language="javascript"> 

//平台、设备和操作系统  

var system ={  

win : false,  

mac : false,  

xll : false  

};  

//检测平台  

var p = navigator.platform;  

system.win = p.indexOf("Win") == 0;  

system.mac = p.indexOf("Mac") == 0;  

system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);  

//跳转语句,如果是手机访问就自动跳转到m.yijile.com页面  

if(system.win||system.mac||system.xll){  

}else{  

window.location.href="http://qtxml.cn";  

}  

//此处网址可手动修改为想跳转到的网址

</script>




json卡片全屏化修改-发言不显示昵称
晨风机器人转卡片功能
有了卡片代码怎么使用?怎么发到群里?
 0  已被阅读了335次  楼主 2019-10-27 21:33:47
回复列表

回复:几种html页面跳转代码

Powered by HadSky 7.3.4
© 2015-2020 PuYueTian
您的IP:18.232.125.29,2020-02-27 10:42:26,Processed in 0.19173 second(s).
Powered by HadSky

已有0次打赏