javascript实现页面跳转的几种方式

小太阳8      2022-02-08     770

关键词:

 

 

概述

  

相信很多Web开发者都知道,在开发Web程序的时候,对于页面之间的跳转,有很多种,但是有效的跳转则事半功倍,下面就是我在平时的开发过程中所用到的一些JavaScript跳转方式,拿出和大家共享一下。

 

第一种:直接跳转加参数

    <script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>

直接跳转无参数:

 

<script>window.location.href='http://www.baidu.com';</script>

 



第二种:返回上一次预览界面

 

<script language="javascript">
alert("返回");
window.history.back(-1);
</script>


标签嵌套:

<a href="javascript:history.go(-1)">返回上一步</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>



第三种:指定跳转页面 对框架无效。。。

   <script language="javascript">
window.navigate("top.jsp");
</script>



第四种:指定自身跳转页面 对框架无效。。

   <script language="JavaScript">
self.location='top.htm';
</script>

 



第五种:指定自身跳转页面 对框架有效。。

   <script language="javascript">
alert("非法访问!");
top.location='xx.aspx';
</script>

 

 

第六种:按钮式 在button按钮添加 事件跳转。。

<input name="pclog" type="button" value="GO" onClick="location.href='login.aspx'">


  

第七种:在新窗口打开:

 <a href="javascript:" onClick="window.open('login.aspx','','height=500,width=611,scrollbars=yes,status=yes')">开新窗口</a> 


 

应用实例:

复制代码
复制代码
复制代码
<head> 
<script language="javascript">

function old_page()
{
window.location = "login.aspx"
}
function replace()
{
window.location.replace("login.aspx")
}
function new_page()
{
window.open("login.aspx")
}
</script>
</head>
<body>
<input type="button" onclick="new_page()" value="在新窗口打开s"/>
<input type="button" onclick="old_page()" value="跳转后有后退功能"/>
<input type="button" onclick="replace()" value="跳转后没有后退功能"/>
</body>
复制代码
复制代码
复制代码

javascript实现页面跳转的几种方式

...事半功倍,下面就是我在平时的开发过程中所用到的一些JavaScript跳转方式,拿出和大家共享一下。 第一种:直接跳转加参数<scriptlanguage="javascript"type="text/javascript">window.locati 查看详情

js实现页面跳转的几种方式

第一种:<scriptlanguage="javascript" type="text/javascript">  window.location.href="login.php?backurl="+window.location.href;</script> 第二种:<scriptlanguage="javascript">  alert( 查看详情

js实现页面跳转的几种方式

第一种:    <scriptlanguage="javascript"type="text/javascript">               window.location.href="xx. 查看详情

实现前端页面跳转的几种方式

实现前端页面跳转的几种方式推荐使用<scriptlanguage=‘javascript‘>document.location=‘http://mail.qq.com/domain/longtimenosee.cc‘</script>相关阅读http://www.jb51.net/article/25403.htmhttp://my.oschina.net/ososchi 查看详情

js实现页面跳转的几种方法(代码片段)

...下几种方式:第一种:(跳转到b.html)<script language="javascript" type="text/javascript">window.location.href="b.html";</script>第二种:(返回上一页面)<script 查看详情

页面跳转的几种方式

第一种:   <scriptlanguage="javascript">          window.location.href="index.php";        &n 查看详情

实现跳转的几种法式

...每一种都有它存在的意义。跳转就是当我们点击按钮或者实现某个活动从一个页面到另一个页面,那么我就来介绍几种跳转的法式。 第一种跳转方式-----Storyboard中segues(拉线):          ... 查看详情

js页面跳转常用的几种方式(转)

...参考下。第一种: 复制代码代码如下:<scriptlanguage="javascript"type="text/javascript"> window.location.href="jb5 查看详情

html+jsvue页面跳转的几种方式总结(代码片段)

...转多级页面,在使用时要注意选择跳转方式!1、javascript中实现跳转://直接跳转window.location.href='index.html';//定时跳转setTimeout("javascript:location.href='index.html'",5000);2、在html标签内实现跳转:eg... 查看详情

uniapp页面跳转的几种方式(代码片段)

uniapp页面跳转的几种方式一、uni.navigateTo定义:保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。使用://1.不传参uni.navigateTo(url:'./home/index');//2.传参字符串uni.navigateTo(url:`./ho... 查看详情

设置域名跳转的几种方式(代码片段)

背景:本文以ubuntu服务器为例来说明几种设置域名跳转的情况设置域名301跳转的几种途径:1、域名解析处设置显性URL比如解析处可设置a.com显性解析到b.com 2、nginx配置文件处跳转。a、proxy跳转/etc/nginx/conf.d下面设置跳转serverli... 查看详情

html5页面跳转的几种方法(代码片段)

1.定时跳转或者原地刷新对于刷新当前页面js控制为:window.location.reload();//刷新当前页面,重新向服务器请求数据head标签内部的meta标签方式,定时刷新当前界面或刷新到另一个页面:<metacharset="utf-8"http-... 查看详情

页面跳转的几种方法

PHP <?php//302重定向$url="http://www.cnblogs.com/mengor";header("Location:$url");//301重定向$url="http://www.cnblogs.com/mengor";header("HTTP/1.1301MovedPermanently");header("Location:$url"); m 查看详情

js页面跳转常用的几种方式

第一种: <scriptlanguage="javascript"type="text/javascript">window.location.href="jb51.jsp?backurl="+window.location.href;</script>第二种: <scriptlanguage="javascript">alert("返回") 查看详情

网页中转跳转的几种方式

   最近在做一个网站,遇到一个问题,在首页访问的时候要先经过action,拿出数据,我开始想在web.xml里的<welcome-file>中直接配置action,试了下不行,在网上查了资料,的确不行,只能用中转方式,而中转方式也有... 查看详情

js页面跳转常用的几种方式

第一种:代码如下:<scriptlanguage="javascript"type="text/javascript">window.location.href="jb51.jsp?backurl="+window.location.href;</script>第二种:代码如下:<scriptlanguage="javascript">alert("返回");w 查看详情

jquerymobile页面跳转切换的几种方式

...来也是相当的easy。所以这一片文章就是介绍jQueryMobile的页面跳转的。少说废话,看源代码:<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transi 查看详情

js页面跳转常用的几种方式

第一种: 代码如下:<scriptlanguage="javascript"type="text/javascript"> window.location.href="jb51.jsp?backurl="+window.location.href; </script> 第二种: 代码如下:<scriptlanguage 查看详情