7种利用JS实现页面跳转的方法(分享)

7种利用JS实现页面跳转的方法(分享)

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

第一种:直接跳转加参数

window.location.href="login.jsp?backurl="+window.location.href; 

登录后复制

直接跳转无参数:

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

登录后复制

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

alert("返回");window.history.back(-1);

登录后复制

标签嵌套:

返回上一步">返回上一步

登录后复制

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

          window.navigate("top.jsp");  

登录后复制

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

             self.location='top.htm';   

登录后复制

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

             alert("非法访问!");          top.location='xx.aspx';   

登录后复制

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


登录后复制

第七种:在新窗口打开

开新窗口

登录后复制

示例:

 function old_page() { window.location = "login.aspx" } function replace() { window.location.replace("login.aspx") } function new_page() { window.open("login.aspx") }       

登录后复制

更多编程相关知识,请访问:编程教学!!

以上就是7种利用JS实现页面跳转的方法(分享)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2718291.html

(0)
上一篇 2025年3月7日 22:13:41
下一篇 2025年2月19日 02:43:16

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论