扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
js实现页面的跳转具体有几种方法,下面列出几种,供你参考:
专注于为中小企业提供成都网站制作、成都网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业沧源免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了千余家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
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.设置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取数据。
使用如下javascript代码可以实现页面跳转:
window.location.href = url; // 跳转到url页面
location.href = url; // 这样也行
实例演示如下:
1、关键代码
input type='button' value='前往百度' onclick="location.href = ''"/
2、效果演示
解决方法:
第一种:
script language="javascript" type="text/javascript"
window.location.href="login.jsp?backurl="+window.location.href;
/script
第二种:
script language="javascript"
alert("返回");
window.history.back(-1);
/script
其他解决方法:
一:
script language="javascript"
window.navigate("top.jsp");
/script
二:
script language="JavaScript"
self.location='top.htm';
/script
=====javascript中弹出提示框跳转到其他页面=====
window.location="";和 location.replace("");有什么区别?这两个都能让网页导向令一个网址,那么有什么区别呢?比如能带参数,不能带参数之类的. Replace?还是Reload()?现在,我在b.html页面中用window.location.replace("c.html");与用window.location.href("c.html");分别进入c.html页面.从用户界面来看是没有什么区别的,但是现在c.html页面有一个“返回”按钮,用window.location.href("c.html");进入c.html页面时,c.html页面中的调用window.history.go(-1);wondow.history.back();进入c.html页面时,一点这个"返回"按钮就要返回b.html页面的话,而如果用window.location.replace("c.html");进入c.html页面的话,c.html页面中的调用window.history.go(-1);wondow.history.back();方法是不好用的,会返回到a.html. 因为window.location.replace("c.html");是不会向服务器发送请求而进行跳转,而window.history.go(-1);wondow.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的,所以会跳到系统默认页面a.html 。
第一种:
script language="javascript" type="text/javascript"
window.location.href="login.jsp?backurl="+window.location.href;
/script
第二种:
script language="javascript"
alert("返回");
window.history.back(-1);
/script
第三种:
script language="javascript"
window.navigate("top.jsp");
/script
第四种:
script language="JavaScript"
self.location='top.htm';
/script
第五种:
script language="javascript"
alert("非法访问!");
top.location='xx.jsp';
/script
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流