扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
js实现页面的跳转具体有几种方法,下面列出几种,供你参考:
创新互联公司于2013年成立,是专业互联网技术服务公司,拥有项目成都网站建设、网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元太白做网站,已为上家服务,为太白各地企业和个人服务,联系电话:13518219792
1、 window.location.href方式
script language="javascript" type="text/javascript"window.location.href="target.aspx"; /script
2、 window.navigate方式跳转
script language="javascript" window.navigate("target.aspx");/script
3、window.loction.replace方式实现页面跳转,注意跟第一种方式的区别
script language="javascript"window.location.replace("target.aspx");/script
有3个jsp页面(1.aspx, 2.aspx, 3.aspx),进系统默认的是1.aspx,当我进入2.aspx的时候, 2.aspx里面用window.location.replace("3.aspx");
与用window.location.href ("3.aspx");
从用户界面来看是没有什么区别的,但是当3.aspx页面有一个"返回"按钮,调用window.history.go(-1); wondow.history.back();方法的时候,一点这个返回按钮就要返回2.aspx页面的话,区别就出来了,当用 window.location.replace("3.aspx");连到3.aspx页面的话,3.aspx页面中的调用 window.history.go(-1);wondow.history.back();方法是不好用的,会返回到1.aspx。
4、self.location方式实现页面跳转,和下面的top.location有小小区别
script language="JavaScript" self.location='target.aspx';/script
5、top.location
script language="javascript"
top.location='target.aspx';
/script
谢谢!
1、直接跳转加参数
script language="javascript" type="text/javascript"
window.location.href="login.jsp?backurl="+window.location.href;
//或者
window.location.href='';
/script
2、返回上一次预览界面
script language="javascript"
alert("返回");
window.history.back(-1);
//标签嵌套:
a href="javascript:history.go(-1)"返回上一步/a
a href="%=Request.ServerVariables("HTTP_REFERER")%"返回上一步/a
/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.aspx';
/script
6、按钮式 在button按钮添加 事件跳转
input name="pclog" type="button" value="GO" onClick="location.href='login.aspx'"
7、在新窗口打开
a href="javascript:" onClick="window.open('login.aspx','','height=500,width=611,scrollbars=yes,status=yes')"开新窗口/a
javascript中的location.href有很多种用法,主要如下:
self.location.href="/url" 当前页面打开URL页面
location.href="/url" 当前页面打开URL页面
windows.location.href="/url" 当前页面打开URL页面,前面三个用法相同
this.location.href="/url" 当前页面打开URL页面
parent.location.href="/url" 在父页面打开新页面
top.location.href="/url" 在顶层页面打开新页面
使用如下javascript代码可以实现页面跳转:
window.location.href = url; // 跳转到url页面
location.href = url; // 这样也行
实例演示如下:
1、关键代码
input type='button' value='前往百度' onclick="location.href = ''"/
2、效果演示
1.设置url
// 设置当前urlvar list_url = '/document/order/default.php?page=' + page_nums + ''+ $("#form1").serialize();var e_list_url = encodeURIComponent(list_url);$("#list_url").val(e_list_url);
2.传递url
var list_url = $('#list_url').val();
window.location.href='/document/order/view.php?order_id='+order_id+'action=edithandler=adminlist_url='+list_url;
3.解析url并跳转
var list_url = '?php echo $list_url;?';
d_list_url = decodeURIComponent(list_url);window.location.href = d_list_url;
这样就能实现,参数不丢失了。主要就是页码和筛选条件。
纯js页面跳转要传复杂数据不好做,要用localStorage,这个东东在各浏览器中是不一样的。
比较好的方法就是,在跳转链接中加上一些标志参数,如对象ID之类,直接由服务器生成新页面内容或者转到新页面后由页面从服务器重新ajax取数据。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流