js跳转代码

时间:2024-04-07 07:51:37编辑:奇事君

javascript怎么跳转页面

js实现页面的跳转具体有几种方法,下面列出几种,供你参考:

1、 window.location.href方式
window.location.href="target.aspx";

2、 window.navigate方式跳转
window.navigate("target.aspx");

3、window.loction.replace方式实现页面跳转,注意跟第一种方式的区别
window.location.replace("target.aspx");
有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有小小区别
self.location='target.aspx';

5、top.location

top.location='target.aspx';

谢谢!


js页面跳转的方式有哪些

JavaScript实现页面跳转的方式有:直接跳转、通过onclick函数实现按钮跳转、window.open函数打开新的窗口以及通过confirm方法来实现是否确认要打开新窗口我们在开发的过程中总会遇到各种页面跳转的情况,不同的跳转方式带来的体验不同。今天将分享几个JavaScript中的页面跳转方式,希望对大家有所帮助。【推荐课程:JavaScript教程】方法一:直接跳转样式window.location.href='http://www.gxlcms.com';方法二:通过按钮点击来跳转页面通过给按钮添加一个onclick事件。但点击事会跳转到事先设置好的链接地址方法三:在本页面中直接打开新的窗口通过window.open()函数可以在本页面中打开一个新的窗口,scrollbars是用于设置滚动条方法四:页面停留5后再跳转新的页面function demo(){window.location.href ="http://www.gxlcms.com";}setTimeout(demo,5000);PHP中文网setTimeout方法用于在指定的毫秒数后调用函数或计算表达式,在本例中通过设置时间参数使页面在5s之后跳转方法五:通过页面弹出确认框来选择是否要跳转到新的页面中function demo(){ if(confirm("你确定要跳转到新的页面吗")){ window.location.href ="http://www.gxlcms.com";}}PHP中文网效果图:confirm方法用于显示一个带有指定消息和 OK 及取消按钮的对话框,当选择确定时就会跳转到新的页面,选择取消时则不会跳转页面本文参考文章:https://www.html.cn/doc/javascript/timing/https://www.html.cn/doc/javascript/window-location/总结:


上一篇:度量衡

下一篇:递归英文