网页自动跳转代码
- 格式:doc
- 大小:24.50 KB
- 文档页数:3
实现网页页面跳转的几种方法(meta标签、js实现、php实
现)
今天总结了几种页面跳转的方法,分别是用meta标签实现、用javascript实现、用php实现,下面就来一一分享一下吧。
1、meta标签实现
只需在head里加上下面这一句就行了,在当前页面停留0.1秒后跳转到目标页面
复制代码代码如下:
<meta http-equiv="refresh" content="0.1; url=/">
2、Javascript实现
方法一:
这个方法比较常用
复制代码代码如下:
window.location.href = "/";
方法二:
复制代码代码如下:
self.location = "/";
方法三:
复制代码代码如下:
top.location = "/";
方法四:
只对IE系列浏览器有效,实用性不大
复制代码代码如下:
window.navigate("/");
3、php实现
复制代码代码如下:
<?php
header("Location: /");
>
Ok,以上就是今天总结的几种页面跳转的方法了。
某网页网址变更以后,为方便不知道网址变更的朋友访问,可让原来的网页自动跳转到新的网址,代码如下:一、普通HTML页面的跳转代码:1.<meta http-equiv="refresh" content="5;URL=/rr91">说明:1、上面的代码,放在网页头部的“</head>”上面;2、数字5,是5秒以后自动跳转,可自己按照需要设置;3、网址,就是自动跳转到的新的网址。
4.网页需要加载完毕后才能跳转。
2.利用Javascript语言<script> location="/rr91";</script>说明:本代码是网页一打开就直接跳转到/rr91上面去了!二、PHP跳转代码:<?//PHP自带函数,注意:使用该Header函数时必须网页未产生任何输出,此时尤其要注意空格的问题。
即必须放在网页最开始处Header("Location:/rr91");>三、ASP跳转代码:<%'asp 自带Response.Redirect("/rr91")%>自动转向,也叫自动重定向。
自动跳转,指当访问用户登陆到某网站时,自动将用户转向其它网页地址的一种技术。
转向的网页地址可以是网站内的其它网页,也可以是其它网站。
通常情况下,浏览器会收到一个网页,该页面含有自动加载一其它网页的代码。
该页面有可能在服务器端被转换,这样的话,浏览器只收到一个页面,而自动转向往往意味着浏览器收到的页面具有自动将访问用户送至其它页面的功能。
对自动转向技术的合理应用包括:将用户转向到指定浏览器的网页版本;当网站的域名变更或删除后将人们转向到新域名下,等等。
但现在这种技术却往往被搜索引擎优化人士用来作为提高网站的搜索引擎排名的一种手段。
例如,先专门针对搜索引擎做一个高度优化的网页,也就是我们通常所说的“桥页”,然后把这个网页提交给搜索引擎来获得好的排名。
分享两个⼿机访问pc⽹站⾃动跳转⼿机端⽹站代码4G降临,移动⽹站已经⼀发不可收拾,pc端和移动端官⽹并存。
如何让别⼈访问你的pc端的官⽹直接跳转到移动端的⽹站呢?各位看官,⼩⼆上代码!来了!常⽤的访问pc⾃动跳转到移动页⾯的代码(function() {if (/Android|webOS|iPhone|iPad|Windows Phone|iPod|BlackBerry|SymbianOS|Nokia|Mobile|Opera Mini/i.test(erAgent)) {var siteName = window.location.pathname;if (url.indexOf("?pc") < 0) {try {if (typeof siteName !== "undefined") {window.location.href = "https://" + siteName}} catch (e) {}}}})();访问移动端⾃动跳pc端的代码;(function() {var reWriteUrl = function(url) {if (url) {var Splits = url.split("/"),siteName = window.location.pathname;if (typeof siteName !== "undefined") {return "https://" + siteName}}};if (!/Android|webOS|iPhone|iPad|Windows Phone|iPod|BlackBerry|SymbianOS|Nokia|Mobile|Opera Mini/i.test(erAgent)) {var url = window.location.href;var pathname = window.location.pathname;if (url.indexOf("?m") < 0) {try {window.location.href = reWriteUrl(url)} catch(e) {}}}})();判断浏览器是否为⼿机端<script type="text/javascript">(function(){var reWriteUrl=function(url){if(url){var Splits=url.split("/"),siteName=window.location.pathname;if(typeof siteName!=="undefined"){return"https://"+siteName}}};if(/Android|webOS|iPhone|iPad|Windows Phone|iPod|BlackBerry|SymbianOS|Nokia </script>判断浏览器是否为pc端,是就跳到pc页⾯<script>var browser1 = {versions: function () {var u = erAgent, app = navigator.appVersion;return {//移动终端浏览器版本信息trident: u.indexOf('Trident') > -1, //IE内核presto: u.indexOf('Presto') > -1, //opera内核webKit: u.indexOf('AppleWebKit') > -1, //苹果、⾕歌内核gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //⽕狐内核mobile: !!u.match(/AppleWebKit.*Mobile/i) || !!u.match(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/), //是否为移动终端ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器iPad: u.indexOf('iPad') > -1, //是否iPadwebApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部};} (),language: (navigator.browserLanguage || nguage).toLowerCase()}if(browser1.versions.mobile==false&&browser1.versions.ios==false&&browser1.versions.android==false&&browser1.versions.iPhone==false &&browser1.versions.iPad==false){//location.href = location.href.replace("m.","www.");//如果不是⼿机打开,则跳转到pc页⾯alert("pc");}</script>以下是补充可以参考jQuery判断浏览器是移动端还是电脑端⾃动跳转⼀个段⼩代码,同⼀个⽹站针对移动端查看和电脑端查看跳转不同的页⾯。
5种常见网页自动跳转方法,搜索引擎识别度网页自动跳转,是指当用户访问某个网页时,被自动跳转到另一个网页中去。
网页自动跳转的主要作用是,当域名变更后,或者网站里的一个或多个网页被删除后,可以使用这种方式将用户引导到其它正常的网页中去,从而留住用户。
不过,现在有许多人利用网页自动跳转来进行作弊,欺骗搜索引擎,从而实现提高网站搜索引擎排名的目的。
比较典型的方式是:先做一个“桥页”,当搜索引擎收录了这个桥页,并有较高排名时,桥页中再使用网页自动跳转方式,将用户引导到用户本来无意访问的其它网页中去。
下面介绍一下五种常见的网页自动跳转方法,以及搜索引擎对这些跳转方法的辨识能力。
第一种网页自动跳转方法:Meta Refresh自动跳转法在网页的head区域的Meta Refresh标签中,加入自动跳转代码,可实现网页的立即或延时自动跳转。
示例如下:<meta http-equiv="Refresh" content="10;url=/">上述html代码中的“10”是延时跳转的时间,单位是秒。
如果设为0,就表示立即跳转。
“http://w ”是跳转的目标地址,可以是同一域名下的站内相对路径,也可以是不同域名的站外地址。
由于搜索引擎能够读取HTML,所以对于这种自动跳转方法,搜索引擎是能够自动检测出来的。
至是会不会被视为作弊,则主要看跳转时间。
如果跳转时间为0,就可能会被视为作弊,从而受到惩罚。
如果有时间延迟(一般3秒以上),就会被视为正常应用。
第二种网页自动跳转方法:body onload自动跳转法在网页加载时通过onload事件指定parent.location进行自动跳转。
示例如下:<body onLoad="parent.location='">这种方法与第一种方法一样,能够被搜索引擎识别。
第三种网页自动跳转方法:javascript自动跳转法javascript可以实现网页的自动跳转,如果要实现立即跳转,将跳转代码放在网页的head区域即可。
基于JavaScript实现定时跳转到指定页⾯在某些场景下,需要⽹页在指定的时间后,⽹页能够⾃动跳转到指定页⾯,⽐如在⽆法找到指定⽹页的情况下,就会显⽰之前设置好的404页⾯,并且跳转到指定的页⾯,下⾯就是⼀段代码实现了此效果。
代码如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="https:///" /><title>js指定时间之后跳转到指定页⾯代码实例</title><script type="text/javascript">function redirect(){if(second<0){location.href='';}else{if(navigator.appName.indexOf("Explorer")>-1){document.getElementById('totalSecond').innerText=second--;}else{document.getElementById('totalSecond').textContent=second--;}}}window.onload=function(){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);}</script></head><body><h1>找不到指定的页⾯</h1><span id="totalSecond">3</span>秒后⾃动跳转到指定页⾯</body></html>以上代码,可以在三秒之后跳转到指定的页⾯,下⾯简单介绍⼀下实现过程。
网页跳转代码大全<一>三种网页跳转代码:如果你要在服务器端跳转,可以这样:Response.Redirect()Response.End(这个是的服务器代码“常用的”)如果你要在客户端跳转,可以这样(js跳转):<script language="javascript" type="text/javascript">window.location="http: //";;</script>如果你要让页面显示几秒钟之后跳转,可以在html代码的<head></head>部分加上这样的代码:<meta http-equiv="refresh" content="3; url=">(3秒钟后自动跳转到)以上三种是也比较常见的页面跳转<二>几段简单的网页跳转代码不隐藏转向之后的地址代码一:<html><body><form name=loading><SCRIDIVT>var bar=0var line="||"var amount="||"count()function count(){bar=bar+2amount =amount + linedocument.loading.chart.value=amountdocument.loading.divercent.value=bar+"%"if (bar<99){setTimeout("count()",100);}else{window.location = "将这里改成要转入的网址";}}</SCRIDIVT></form></body></html>不隐藏转向之后的地址代码二:<html><body><scridivt language="javascridivt"><!--function goToURL() { //v2.0for (var i=0; i< (goToURL.arguments.length - 1); i+=2) //with arg divairs eval(goToURL.arguments+".location=''"+goToURL.arguments[i+1]+"''"); document.returnvalue = false;}//--></scridivt><body bgcolor="#FFFFFF"></body></html>不隐藏转向之后的地址代码三:<html><SCRIDIVT LANGUAGE="javascridivt"><!-- Start Codevar ver = navigator.adivdivVersion;if (ver.indexOf("MSIE") != -1){window.location.href="将这里改成要转入的网址如百度(httdiv:)" }elsewindow.location.href="将这里改成要转入的网址如百度(httdiv:)" // End Code --></SCRIDIVT></html>不隐藏转向之后的地址代码四:<html><body><meta httdiv-equiv="refresh" content="0.1;url=将这里改成要转入的网址"></body></html>可隐藏转向之后的地址:<html><frameset framesdivacing="0" border="0" rows="0" frameborder="0"><frame name="main" src="将这里改成要转入的网址" scrolling="auto" noresize></frameset></html><三>网页跳转<meta httdiv-equiv="refresh" content="3;rul=跳转的网页">此代码可以让网页在一定的时间内,跳转到另外一个网页上,其中content=" 为跳转前停暂的秒数,rul= 为跳转的网址<meta httdiv-equiv="refresh" content="3;rul=跳转的网页">此代码可以让网页在一定的时间内,跳转到另外一个网页上,其中content=" 为跳转前停暂的秒数,rul= 为跳转的网址===================================================================<html><head><title>网页跳转</title><meta httdiv-equiv="refresh" content="0;url=/"></head><body></body></html>===================================================================1,页面自动刷新:把如下代码加入<head>区域中<meta httdiv-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面.2,页面自动跳转:把如下代码加入<head>区域中<meta httdiv-equiv="refresh" content="10;url=h /">,其中10指隔10秒后跳转到/页面。
网页自动跳转,是指当用户访问某个网页时,被自动跳转到另一个网页中去。
网页自动跳转的主要作用是,当域名变更后,或者网站里的一个或多个网页被删除后,可以使用这种方式将用户引导到其它正常的网页中去,从而留住用户。
不过,现在有许多人利用网页自动跳转来进行作弊,欺骗搜索引擎,从而实现提高网站搜索引擎排名的目的。
比较典型的方式是:先做一个“桥页”,当搜索引擎收录了这个桥页,并有较高排名时,桥页中再使用网页自动跳转方式,将用户引导到用户本来无意访问的其它网页中去。
下面介绍一下五种常见的网页自动跳转方法,以及搜索引擎对这些跳转方法的辨识能力。
第一种网页自动跳转方法:meta refresh自动跳转法在网页的head区域的meta refresh标签中,加入自动跳转代码,可实现网页的立即或延时自动跳转。
示例如下:<meta http-equiv="refresh" content="10;url=/"> 上述html代码中的“10”是延时跳转的时间,单位是秒。
如果设为0,就表示立即跳转。
“”是跳转的目标地址,可以是同一域名下的站内相对路径,也可以是不同域名的站外地址。
由于搜索引擎能够读取html,所以对于这种自动跳转方法,搜索引擎是能够自动检测出来的。
被视为作弊,则主要看跳转时间。
如果跳转时间为0,就可能会被视为作弊,从而受到惩罚。
如果有时间延迟(一般3秒以上),就会被视为正常应用。
第二种网页自动跳转方法:body onload自动跳转法在网页加载时通过onload事件指定parent.location进行自动跳转。
示例如下:<body onload="parent.location=''"> 这种方法与第一种方法一样,能够被搜索引擎识别。
第三种网页自动跳转方法:javascript自动跳转法javascript可以实现网页的自动跳转,如果要实现立即跳转,将跳转代码放在网页的head区域即可。
js跳转页面的几种方法在JavaScript中,跳转页面是常见的操作之一,主要用于实现页面间的导航和重定向。
以下是一些常用的JavaScript跳转页面的方法:1. 使用window.location对象`window.location`对象是浏览器窗口中当前加载的文档的地址信息,我们可以通过修改它的属性或方法来实现页面跳转。
a) 使用window.location.href`window.location.href`属性用于获取或设置当前页面的URL。
要跳转到新的页面,我们可以直接给它赋值一个新的URL。
javascriptwindow.location.href = "这段代码将会使浏览器跳转到"b) 使用window.location.assign()`window.location.assign()`方法也可以用来加载新的URL。
使用方法如下:javascriptwindow.location.assign("这段代码的效果和上一段代码相同,也会使浏览器跳转到"2. 使用document.location对象`document.location`对象与`window.location`对象功能相同,也可以用来获取或设置当前页面的URL。
使用方法如下:javascriptdocument.location.href = "或者javascriptdocument.location.assign("这两段代码同样可以实现页面跳转。
3. 使用location.reload()方法`location.reload()`方法用于重新加载当前页面。
如果想强制从服务器重新加载(而不是从缓存中加载),可以传递一个true参数:javascriptlocation.reload(true);这种方法并不真正实现页面跳转,但有时候我们需要刷新页面以获取最新的数据或状态,这时就可以使用这个方法。
方案一
<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://www.dreamershop.co m">
<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">正在进入,请稍等</f ont><font color="#0066ff" size="2" face="Arial">...</font> <input type=text name=chart size=46 style="font-family:Arial; fon t-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 = "";}
}</script>
</p>
</form>
<p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href=""><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=http://www.dreamershop.co m">
<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">正在进入,请稍等</f ont><font color="#0066ff" size="2" face="Arial">...</font> <input type=text name=chart size=46 style="font-family:Arial; fon t-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 = "";}
}</script>
</p>
</form>
<p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href=""><font color="#FF0000">请点这里</font></a>.</p>
</body>
</html>。