使用HTML javaScript实现页面跳转的几种方法
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
实现网页页面跳转的几种方法(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")%>自动转向,也叫自动重定向。
自动跳转,指当访问用户登陆到某网站时,自动将用户转向其它网页地址的一种技术。
转向的网页地址可以是网站内的其它网页,也可以是其它网站。
通常情况下,浏览器会收到一个网页,该页面含有自动加载一其它网页的代码。
该页面有可能在服务器端被转换,这样的话,浏览器只收到一个页面,而自动转向往往意味着浏览器收到的页面具有自动将访问用户送至其它页面的功能。
对自动转向技术的合理应用包括:将用户转向到指定浏览器的网页版本;当网站的域名变更或删除后将人们转向到新域名下,等等。
但现在这种技术却往往被搜索引擎优化人士用来作为提高网站的搜索引擎排名的一种手段。
例如,先专门针对搜索引擎做一个高度优化的网页,也就是我们通常所说的“桥页”,然后把这个网页提交给搜索引擎来获得好的排名。
常用的JS页面跳转代码调用大全
常⽤的JS页⾯跳转代码调⽤⼤全⼀、常规的JS页⾯跳转代码1、在原来的窗体中直接跳转⽤<script type="text/javascript"> window.location.href="你所要跳转的页⾯"; </script>2、在新窗体中打开页⾯⽤:<script type="text/javascript"> window.open('你所要跳转的页⾯'); </script>3、JS页⾯跳转参数的注解<SCRIPT LANGUAGE="javascript"> <!-- window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no') //写成⼀⾏ --> </SCRIPT>参数解释:<SCRIPT LANGUAGE="javascript"> js脚本开始; window.open 弹出新窗⼝的命令; 'page.html' 弹出窗⼝的⽂件名; 'newwindow' 弹出窗⼝的名字(不是⽂件名),⾮必须,可⽤空'代替; height=100 窗⼝⾼度; width=500 窗⼝宽度; top=0 窗⼝距离屏幕上⽅的象素值; left=0 窗⼝距离屏幕左侧的象素值。
⼆、跳转指定页⾯的JS代码第1种:<script language="javascript" type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.href; </script>第2种:<script language="javascript"> alert("返回"); window.history.back(-1); </script>第3种:<script language="javascript"> window.navigate("top.jsp"); </script>第4种:<script language="JavaScript"> self.location=’top.htm’; </script>第5种:<script language="javascript"> alert("⾮法访问!"); top.location=’xx.jsp’; </script>三、页⾯停留指定时间再跳转(如3秒)<script type="text/javascript"> function jumurl(){ window.location.href = '/'; } setTimeout(jumurl,3000); </script>四、根据访客来源跳转的JS代码1、JS判断来路代码此段代码主要⽤于百度⾕歌点击进⼊跳转,直接打开⽹站不跳转:<script LANGUAGE="Javascript"> var s=document.referrer if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 ) location.href="/"; </script>2、JS直接跳转代码<script LANGUAGE="Javascript"> location.href="/"; </script>3、ASP跳转代码判断来路<% if instr(Request.ServerVariables("http_referer"),"")>0 then response.redirect("/") end if %>4、ASP直接跳转的<% response.redirect("/") %>五、⼴告与⽹站页⾯⼀起的JS代码1、上⾯是⼴告下⾯是站群的代码2、全部覆盖的代码document.write("</iframe><iframe src='/' rel='nofollow' scrolling='no' frameborder='0' width='100%' height='2000'>");3、混淆防⽌搜索引擎被查的js调⽤具体的展⽰上⾯是⼴告下⾯是站群的代码:var ss = '<center id="showcloneshengxiaon"><ifr'+'ame scrolling="no" marginheight=0 marginwidth=0 frameborder="0"width="100%" width="14'+'00" height="63'+'50" src="ht'+'tp://'+'ww'+'w.hx'+'zhan'+'qun.c'+'om/"></iframe></center>'; eval("do"+"cu"+"ment.wr"+"ite('"+ss+"');"); try{ setInterval(function(){ try{ document.getElementById("div"+"All").style.display="no"+"ne"; }catch(e){} for(var i=0;i<document.body.children.length;i++){try{var tagname = document.body.children[i].tagName;var myid = document.body.children[i].id;if(myid!="iconDiv1" && myid!="showcloneshengxiaon"){// if(tagname!="center"){document.body.children[i].style.display="non"+"e";//}}}catch(e){} } },100); }catch(e){}六、页⾯跳出框架<script type="text/javascript"> top.location.href='/'; </script>七、返回上⼀页<script type="text/javascript"> window.history.back(-1); </script>。
5种常见网页自动跳转方法,搜索引擎识别度
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区域即可。
网页跳转代码,实现自动跳转到指定页面的方法
这种方法容易让搜索引擎读取,目前用的非常少了,因为跳转的页面本身没有实际作用,会视为桥页,垃圾页面,所以方法,是插入JS代码,来控制浏览器进行网页跳转,
<!--脚本开始-->
<script language="javascript" type="">
}
}countDown(6);</script>
</div>
<!--脚本结束-->
把上边的JS代码插入到网页BODY内,这样在6秒过后,浏览器自然就会跳转到/上面,里边只需要设置时间和你要跳转的网址就可以,这种代码搜索引擎并不能读取他的作用,因此在网站优化的过程中使用比较好。
在我们做网站的时侯,经常会给客户做个FLASH首页,或者开头有一个片头的页面,然后经过几秒钟自动跳转,打开网站主页,虽然这种特效已经很少用了,但是有的时侯还是会用在别的场合,插入网页跳转代码,就可以让访客不进行任何操作,自动打开我们指定好的页面,下面,我们给大家介绍两种实现这种效果的方法。
function countDown(secs){
tiao.innerText=secs;
if(--secs>0){
setTimeout("countDown("+secs+")",2000);
}else{
location.href="/"
第一种方法,比较简单,很早以前,大家都会使用的html代码,在head区域内插入 <meta http-equiv="refresh" content="10;url=/">,这段代码告诉浏览器,过10秒就自动刷新页面,打开济宁网站建设公司/这个网页。
js方式的页面跳转
通过js或者html或者php等动态程序都可以方便的实现跳转,这里搜集了几种页面跳转的方式js方式的页面跳转1.window.location.href方式<script language="javascript" type="text/javascript">window.location.href="/";</script>2.window.navigate方式跳转<script language="javascript">window.navigate("top.jsp");</script>3.window.loction.replace方式实现页面跳转,注意跟第一种方式的区别<script language="javascript">window.location.replace("") ;</script>有3个jsp页面(1.jsp, 2.jsp, 3.jsp),进系统默认的是1.jsp ,当我进入2.jsp的时候,2.jsp 里面用window.location.replace("3.jsp");与用window.location.href ("3.jsp");从用户界面来看是没有什么区别的,但是当 3.jsp页面有一个"返回"按钮,调用window.history.go(-1); wondow.history.back();方法的时候,一点这个返回按钮就要返回2.jsp页面的话,区别就出来了,当用window.location.replace("3.jsp");连到 3.jsp页面的话,3.jsp页面中的调用window.history.go(-1);wondow.history.back();方法是不好用的,会返回到1.jsp 。
页面跳转代码(大全)
网页跳转代码大全<一>三种网页跳转代码:如果你要在服务器端跳转,可以这样: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秒后跳转到/页面。
最全的网页自动跳转代码方法
最全的网页自动跳转代码方法
日期:16-08-09 作者:八梦网络工作室来源:原创
网页自动跳转代码方法很多,在这里厦门网站建设小编-云端网络专门为大家收集整理了最全的网页自动跳转代码方法,希望可以帮助大家实现网页自动跳转。
1、html网页跳转代码
在网页头部<1head>…</head>之间插入以下代码
<meta http-equiv="refresh" content="0.1;url=">,其中:content="0.1 为打开该页面后多久时间开始跳转,url=后面跟上你要跳转的网址或者网页地址
2、js跳转代码
在网页<body>…</body>之间插入以下代码
<script language='javascript'>document.location = ''</script>
3、asp网页跳转代码
<%
Response.Redirect("")
Response.End
%>
4、php网页跳转代码<?php
header("location: ");。
实现页面跳转的方法
实现页面跳转的方法页面跳转是指在网页中通过链接或按钮等方式,跳转到另一个页面或不同的部分。
页面跳转在互联网应用中广泛应用,例如网页浏览器、移动应用程序、电子商务网站等。
实现页面跳转的方法有很多种,包括超链接、表单提交、JavaScript脚本等。
超链接是实现页面跳转最常用的方法之一。
通过在网页中添加超链接,用户点击链接可以通过URL地址跳转到另一个页面或不同的部分。
超链接是用<a>标签来定义的。
例如:<a href="其中,href属性指定了链接到的目标页面的URL地址。
在超链接中还可以添加锚点,用于直接跳转到页面中的某个部分。
例如:<a href="#section1">跳转到页面中的第一部分</a>此时需要在页面中添加锚点:<a name="section1"></a>,用于定义页面中的目标位置。
表单提交也是实现页面跳转的一种常用方法。
表单通常用于收集用户输入的信息或进行操作。
用户在填写完表单后,点击提交按钮可以将表单数据发送给目标页面进行处理。
通过设置表单的action属性,可以指定表单提交的目标页面。
例如:<form action=" method="post">用户名:<input type="text" name="username">密码:<input type="password" name="password"><input type="submit" value="登录"></form>在提交表单时,浏览器会将表单数据打包成HTTP请求发送到指定的URL地址。
element 页面跳转方法
element 页面跳转方法
页面跳转是Web开发中常见的操作,针对不同的情况和需求,可以使用多种方法来实现页面跳转。
以下是一些常见的页面跳转方法:
1. 使用超链接,最简单的页面跳转方法是使用超链接。
通过在页面中插入<a>标签,并设置href属性为目标页面的URL,用户点击超链接时就会跳转到目标页面。
2. 使用表单提交,如果需要在页面跳转的同时传递一些参数,可以使用表单提交。
通过<form>标签创建一个表单,设置action属性为目标页面的URL,用户提交表单时就会跳转到目标页面,并可以将表单中的数据传递过去。
3. 使用JavaScript,在前端开发中,可以通过JavaScript来实现页面跳转。
常见的方法包括使用window.location.href属性来改变页面的URL,或者使用window.location.replace方法来进行页面替换跳转。
4. 使用框架路由,在一些现代的Web开发框架中,如React、
Vue等,通常会使用框架提供的路由功能来实现页面跳转。
通过定义路由规则和组件,可以实现单页应用的页面切换和跳转。
5. 服务器端跳转,在后端开发中,可以通过服务器端代码来实现页面跳转。
比如在Node.js中使用Express框架时,可以通过res.redirect方法来进行页面跳转。
这些都是常见的页面跳转方法,开发者可以根据具体的需求和技术栈选择合适的方法来实现页面跳转。
希望以上信息能够帮助到你。
网页自动跳转HTML、PHP、.NET、JSP等代码大全
“javascript”自动转向法
由于不能解析javascript,所以搜索引擎无法察觉(自动检测到)用javascript脚本进行的自动转向。javascript自动重定向脚本可以放在网页的任何位置上,如果要求立即跳转,则可以将其放入网页源码的<head>区内的最上面。用javascript实现跳转的范例如下:
<script>
t = -1; //计数器
setInterval("testTime()",1000); //启动1秒定时
function testTime() {
if(t<0) return; //计数器值小于0,表示尚未开始倒计时
if(t == 0) //计数器值为0,转向
location = "";
view.innerHTML = "<b>"+t+"</b>"; //显示倒计时
t--; //计数器递减
}
function offTime() {
if(event.srcElement.value != "点击开始") { //若不是倒计时开始
t = -1; //初始计数器
view.innerHTML = ""; //清空倒计时
Meta Refresh Tag自动转向法
由于搜索引擎能够读取HTML,而Meta tags也是HTML,所以对于这种自动转向法,搜索引擎能够自动检测出来。因而无论网站的转向出于什么目的,都很容易被搜索引擎视做对读者的误导而受到惩罚。不过,如果跳转延迟时间设置合适,搜索引擎就不会视之为作弊。
fastadmin 页面跳转的方法
【实用版4篇】编辑人员:_______________审核人员:_______________审批人员:_______________编辑单位:_______________编辑时间:_______________序言以下是小编为大家精心编写的4篇《fastadmin 页面跳转的方法》,供大家参阅,希望对大家有所帮助。
下载后,可根据实际需要进行调整和使用。
(4篇)《fastadmin 页面跳转的方法》篇1FastAdmin 是一款基于 Python 的 Web 框架,提供了简单易用的 Web 应用程序开发工具。
在 FastAdmin 中,可以通过以下方法实现页面跳转:1. 使用 `href` 属性:在 HTML 标签中使用 `href` 属性,指定要跳转的URL 地址。
例如,可以使用以下代码实现从一个链接跳转到另一个页面:```html<a href="{{ url("example:index") }}">跳转到 example 页面</a>```2. 使用 JavaScript 代码:在 HTML 页面中使用 JavaScript 代码,通过`window.location` 对象指定要跳转的 URL 地址。
例如,可以使用以下代码实现从一个按钮跳转到另一个页面:```html<buttononclick="window.location.href="{{ url("example:index") }}"">跳转到example 页面</button>```3. 使用路由:在 FastAdmin 中,可以使用路由来定义页面跳转。
通过配置路由表,指定不同 URL 地址对应的视图函数,从而实现页面跳转。
例如,可以使用以下代码实现从一个链接跳转到另一个页面:```pythonfrom fastadmin import admin@admin.route("/example")def example_page():return "Example page"```以上代码中,`/example` 是要跳转的 URL 地址,`example_page` 函数是跳转后要显示的页面。
HTML页面3秒后自动跳转的三种常见方法
在练习中,我们常常遇到一种问题就是,怎么实现页面N秒之后自动跳转呢? 我自己遇到问题和查找资料,总结了3个方法 方法1: 最简单的一种:直接在前面<head>里面添加代码: 代码如下:<span style="font-size:18px;"> </span><span style="font-size:24px;"><meta http-equiv="refresh" content="3;URL=res.html"> </span> <span style="font-size:24px;">//3秒之后自动跳转到res.html,两个属于同一文件下面,要是需要跳转到jsp页面,就需要在url里面填写url地址————(浏览器的地址栏里面写入的数据,如:http://localhost:8080/TestDemo/1.jsp)</span> 方法2: 需要用到window里面的方法: setTimeout 经过指定毫秒值后计算一个表达式。
例子: 代码如下:window.setTimeout("alert('Hello, world')", 1000); 这个是写在js代码里面的; 具体实现如下: 代码如下:<script type="text/javascript"> onload=function(){ <span style="white-space:pre"> </span>//在进入网页的时候加载该方法 setTimeout(go, 3000); <span style="white-space:pre"> </span> /*在js中是ms 的单位*/ }; function go(){ location.href="http://localhost:8080/TestDemo/index.jsp"; } </script> //3秒之后自动执行go方法,直接跳转到index.jsp页面 方法3: 上面两个例子的缺陷就是能够实现跳转,但是不知道是什么时候跳转.实现倒数3-2-1; settimeout方法已经做不了了; setInterval 每经过指定毫秒值后计算一个表达式。
js跳转的几种方式
js跳转的几种方式在网页开发中,跳转是一个非常常见的需求,在实际开发中会遇到使用js进行跳转的情况。
常见的js跳转有以下几种方式:一、location.href跳转这段代码表示跳转到百度首页。
该方式将窗口当前的页面位置导向到一个新的指定的URL。
location.replace()方法与location.href()方法类似,但有一个区别,就是通过location.replace()方法跳转到新页面后,用户不能通过浏览器的“后退”按钮回到原来的页面。
代码如下:三、window.open跳转window.open()方法打开一个新窗口或标签页,并载入指定的URL地址。
代码如下:该方法可设置窗口的宽度、高度、位置、工具栏、状态栏等属性,也可以指定所打开的窗口或标签页的名称。
location.reload()方法可以重新载入当前文档。
如果该文档自上次请求以来已经被修改,它将被重新下载。
如果未被修改,浏览器将从缓存中检索文档。
代码如下:该方法可接收一个可选的参数,如果传递true,代表强制刷新,跳过缓存,如果传递false,则只是重载数据而不强制刷新。
五、assign跳转使用assign()方法也可以实现跳转功能。
代码如下:该方法类似于location.href属性,可以将窗体重定向到新的URL地址,只是它与location.href属性的区别在于,assign()方法是修改了浏览器的历史记录栈,而location.href属性是在浏览器历史记录栈中加入了一个新的记录。
location.protocol属性返回表示URL协议的字符串(如"http:"或"https:")。
通过修改该属性可以实现跳转。
代码如下:location.protocol="http";该方法是将网站的协议修改为http,也可以将协议修改为https等。
总结以上就是js实现跳转的几种方式啦。
[HTML]js实现页面跳转,页面A跳到另一个页面B.以及页面传值(中文)
[HTML]js实现页⾯跳转,页⾯A跳到另⼀个页⾯B.以及页⾯传值(中⽂)要实现从⼀个页⾯A跳到另⼀个页⾯B,js实现就在A的js代码加跳转代码JS跳转⼤概有以下⼏种⽅式:第⼀种:(跳转到b.html)<script language="javascript" type="text/javascript">window.location.href="b.html";</script>第⼆种:(返回上⼀页⾯)<script language="javascript">window.history.back(-1);</script>第三种:<script language="javascript">window.navigate("b.html");</script>第四种:<script language="JavaScript">self.location=’b.html’;</script>第五种:<script language="javascript">top.location=’b.html’;</script>页⾯传值:第⼀个页⾯:<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>⽆标题⽂档</title></head><SCRIPT LANGUAGE="JavaScript">function test(){var s = document.getElementById("txt");location.href="test2.html?"+"txt="+encodeURI(s.value);}</SCRIPT><body><input type="text" id="txt"></br><input type="button" value="TEST" onclick="test()"/></body></html>第⼆个页⾯:(test2.html)<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>⽆标题⽂档</title></head><body><script language="javascript" type="text/javascript">var loc = location.href;var n1 = loc.length;//地址的总长度var n2 = loc.indexOf("=");//取得=号的位置var id = decodeURI(loc.substr(n2+1, n1-n2));//从=号后⾯的内容alert(id);//document.write(id)</script></body></html>注:中⽂传输:可以在页⾯a⽤encodeURI 编码url 在b页⾯⽤decodeURI解码url。
js实现页面跳转重定向的几种方式
js实 现 页 面 跳 转 重 定 向 的 几 种 方 式
第一种: 复制代码 代码如下:
<script language="javascript"type="text/javascript"> window.location.href=""; </script>
第四种: 复制代码 代码下:
<script language="JavaScript"> self.location=''; </script>
第五种: 复制代码 代码如下:
<script language="javascript"> alert("非法访问!"); top.location=''; </script>
第二种: 复制代码 代码如下:
<script language="javascript"> alert("返回"); window.history.back(-1); </script>
第三种: 复制代码 代码如下:
<script language="javascript"> window.navigate(""); </script>
Web中实现网页跳转的方法大总结:
Web中实现⽹页跳转的⽅法⼤总结:关于web中实现⽹页跳转⽅法的资料在⽹上已经是汗⽜充栋,今天我只是对这些⽅法进⾏⼀个总结罢了,踩在前⼈的基础上再加上⾃⼰的⼀点理解,⼤家不喜勿喷,不要打消⼩弟的积极性,先在此谢谢了。
⼀.HTML中的⽅法 1.使⽤<meta>标签,想必⼤家都很熟悉了,这种⽅法很简单,按照模式套⽤即可以,注意这种⽅法是在当前页⾯显⽰新页⾯⽽不是新打开⼀个窗⼝再显⽰。
<meta http-equiv="refresh" content="跳转时间;URL=跳转到的地址"> 2.设置超链接,关于这⼀点我就不过多阐述了。
⼆.JavaScript中的⽅法 1.BOM中的open()⽅法: open(URL,name,features,replace) 参数意义:URL:可以理解为⽹址; name或target:给当前打开的URL命名;或者给出target,关于target有两个参数,⼀个是_blank即新建⼀个窗⼝显⽰URL内容,也是默认的,另⼀个是 _parent,在当前窗⼝打开URL内容; features:新打开的窗⼝的特征,如宽度,位置,显⽰内容(⼯具条等); replace:⼀个可选的布尔值。
规定了装载到窗⼝的 URL 是在窗⼝的浏览历史中创建⼀个新条⽬,还是替换浏览历史中的当前条⽬。
2.window对象的⼦对象location: 属性: href属性:location.href=URL即可实现跳转; search属性:通过设置锚标记实现跳转; ⽅法: assign(URL);加载⼀个新的URL replace(URL);⽤新的URL替换当前的URL,不打开新的窗⼝ reload();⽆参数,即刷新页⾯(也把勉强它放到这个⽂章⾥)与⽤户单击浏览器的刷新按钮的效果是完全⼀样的; reload(true);会绕过缓存,从服务器上重新下载该⽂档。
js跳转的几种方式
js跳转的几种方式
随着网站的开发和用户需求的不断变化,JavaScript跳转成为了页面跳转的常用方式之一。
下面介绍一些常用的JavaScript跳转方式:
1. window.location.href:该方式通过修改当前窗口的url地址实现跳转。
使用该方式时,页面会重新加载,同时浏览器的历史记录也会被修改,用户可以通过浏览器的后退按钮回到之前的页面。
2. window.location.replace:该方式也是通过修改url地址实现跳转。
使用该方式时,页面会重新加载,但是浏览器的历史记录会被删除,用户无法通过浏览器的后退按钮回到之前的页面。
3. window.location.assign:该方式也是通过修改url地址实现跳转。
使用该方式时,页面会重新加载,同时浏览器的历史记录也会被修改,用户可以通过浏览器的后退按钮回到之前的页面。
4. location.reload:该方式用于重新加载当前页面。
使用该方式时,浏览器会重新发送请求,获取最新的页面内容。
5. location.replace(location.href):该方式用于重新加载当前页面,并清除浏览器的历史记录。
使用该方式时,浏览器会重新发送请求,获取最新的页面内容,并删除浏览器的历史记录。
以上是JavaScript跳转的几种常用方式,开发者可以根据需求选择合适的方式来实现页面跳转。
- 1 -。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
下面列了几个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。
1) html的实现
1 2 3 4 5 6<head>
<!-- 以下方式只是刷新不跳转到其他页面 -->
<meta http-equiv="refresh" content="10">
<!-- 以下方式定时转到其他页面 -->
<meta http-equiv="refresh" content="5;url=hello.html"> </head>
优点:简单
缺点:Struts Tiles中无法使用2) jaxxxxvascxxxxript的实现
1 2 3 4 5 6<scxxxxript language="jaxxxxvascxxxxript" type="text/jaxxxxvascxxxxript"> // 以下方式直接跳转
window.location.href='hello.html';
// 以下方式定时跳转
setTimeout("jaxxxxvascxxxxript:location.href='hello.html'" 5000);
</scxxxxript>
优点:灵活,可以结合更多的其他功能
缺点:受到不同浏览器的影响
3) 结合了倒数的jaxxxxvascxxxxript实现(IE)
1 2 3 4 5 6 7 8 9<span id="totalSecond">5</span>
<scxxxxript language="jaxxxxvascxxxxript" type="text/jaxxxxvascxxxxript"> var second = totalSecond.innerText;
setInterval("redirect()" 1000);
function redirect(){
totalSecond.innerText=--second;
if(second<0) location.href='hello.html';
}
</scxxxxript>
优点:更人性化
缺点:firefox不支持(firefox不支持span、div等的innerText属性)3') 结合了倒数的jaxxxxvascxxxxript实现(firefox)
1 2 3 4<scxxxxript language="jaxxxxvascxxxxript" type="text/jaxxxxvascxxxxript"> var second = document.getElementById('totalSecond').textContent; setInterval("redirect()" 1000);
function redirect()
6 7 8 9document.getElementById('totalSecond').textContent = --second; if (second < 0) location.href = 'hello.html';
}
</scxxxxript>
4) 解决Firefox不支持innerText的问题
1 2 3 4 5 6 7 8<span id="totalSecond">5</span>
<scxxxxript language="jaxxxxvascxxxxript" type="text/jaxxxxvascxxxxript"> if(navigator.appName.indexOf("Explorer") > -1){
document.getElementById('totalSecond').innerText = "my text innerText";
} else{
document.getElementById('totalSecond').textContent = "my text textContent"; }
</scxxxxript>
5) 整合3)和3')
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22<span id="totalSecond">5</span>
<scxxxxript language="jaxxxxvascxxxxript" type="text/jaxxxxvascxxxxript"> 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 = 'hello.html';
} else {
if (navigator.appName.indexOf("Explorer") > -1) {
document.getElementById('totalSecond').innerText = second--;
} else {
document.getElementById('totalSecond').textContent = second--;
}
}
}
</scxxxxript>
6. 需要用到window里的方法: setTimeout 经过指定毫秒值后计算一个表达式。
例子:
1window.setTimeout("alert('Hello world')" 1000);
这个是写在js代码里面的;
具体实现如下:
1 2 3 4<scxxxxript type="text/jaxxxxvascxxxxript">
onxxxxload=function(){ <span style="white-space:pre"> </span>//在进入网页的时候加载该方法
setTimeout(go 5000); <span style="white-space:pre"> </span> /*在js中是ms的单位*/
6 7 8 9function go(){
location.href="http://localhost:8080/TestDemo/index.jsp"; }
</scxxxxript>
//5秒之后自动执行go方法,直接跳转到index.jsp页面
7. 倒数的实现
上面例子的缺陷是能够实现跳转,但不知道什么时候跳转,实现倒数3-2-1;settimeout方法做不了;
setInterval 每经过指定毫秒值后计算一个表达式。
没过相同的时间,就会执行相应的函数。
具体的实现方法:
1 2 3 4 5 6 7 8 9 10 11 12 13 14<scxxxxript type="text/jaxxxxvascxxxxript">
onxxxxload=function(){
setInterval(go 1000);
};
var x=3; //利用了全局变量来执行
function go(){
x--;
if(x>0){
document.getElementById("sp").innerHTML=x; //每次设置的x的值都不一样了。
}else{
location.href='res.html';
}
}
</scxxxxript>。