相信很多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