介绍下JS里4种实现页面跳转的方法。window.location.href= 'url': 比较常用的方法,直接跟指定要跳转的地方。

window.history.back(-1);: 参见的浏览器返回上一个已访问的页面,直到访问最初访问的页面。

window.navigate("url");: navigate对象包含有关浏览器的信息,也可以作为页面跳转,后面直接加要跳转的地方。

top.location= 'url';: 当页面中有内嵌框架时,指定最顶层的窗口跳转,及包含框架的最外层浏览器 。

示例:

要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码

JS跳转大概有以下几种方式:

第一种:(跳转到b.html)

window.location.href="b.html";

第二种:(返回上一页面)

window.history.go(-1);

第三种:

window.navigate("b.html");

第四种:

top.location=’b.html’;

如何用js做html页面跳转页面跳转,JS里4种实现页面跳转的方法相关推荐

  1. 制作轮播图思路 ~ 使用JS做一个轮播图,先在脑海里捋一捋逻辑,我的思路是这样的,看图啦:

    制作一个功能比较全的轮播图,应该怎么下手呢?我的思路比较中规中矩,如果不知道怎么下手的,看看我的思路吧,看完一定要着手试试哦~

  2. video.min.js php,使用flv.js与video.js做一个视频直播效果

    这次给大家带来使用flv.js与video.js做一个视频直播效果,使用flv.js与video.js做出视频直播效果的注意事项有哪些,下面就是实战案例,一起来看一下. 环境配置 首先运行livego ...

  3. jsp页面页面post传值_几种JSP页面传值方式

    2010-01-25 几种JSP页面传值方式: 文章分类:Web前端 几种JSP页面传值方式: 1. 隐藏域传值: &ltform method="post" action ...

  4. 带你玩转JavaWeb开发之四 -如何用JS做登录注册页面校验

    今日内容 使用JQuery完成页面定时弹出广告 使用JQuery完成表格的隔行换色 使用JQuery完成复选框的全选效果 使用JQuery完成省市联动效果 使用JQuery完成下列列表左右选择 使用J ...

  5. 如何用原生jS做购物车

    如何用原生jS做购物车 今天给大家分享如何用原生js做购物车,我们都逛过淘宝.京东这样购物网站,像这种购物网站,购物车是肯定少不了的 ,我们在天猫上购物,一开始一个页面有很多种商品,然后你在这里面看中 ...

  6. javascript笔记——点击按钮(或超链接)如何跳转到另外一个页面并执行目标页面的js函数...

    页面跳转同时执行js代码$(function(){});url参数传递 标题的前半部分其实不必赘述,按钮也可以换成超链接.. 假设是需要在A页面上的一个按钮,点击后跳转到B页面,传一些参数后且并B页面 ...

  7. 用js做分页,点击下一页时,直接跳到了最后一页——Number()的妙用

    Number()的妙用 Number()是javascript中将字符型转换为数值型的函数: 问题描述:做分页,用js实现,获取当前页面的值,然后js自加1,可是点击下一页时,直接跳到最后一页.选择跳 ...

  8. HTML页面之间跳转与传值(JS代码)

    HTML页面之间跳转与传值(JS代码) 跳转的方法如下: 方法一: window.location.href = "b.html"; 方法二(返回上一个页面,这个应该不算,先放在这 ...

  9. SpringBoot页面跳转访问css、js等静态资源引用无效解决

    SpringBoot页面跳转访问css.js等静态资源引用无效解决 原文链接:https://blog.csdn.net/qq_41647999/article/details/83788265 目录 ...

最新文章

  1. 如何使用Spring优雅地处理REST异常?
  2. Android架构师教你如何突破瓶颈,快来收藏!
  3. Http的请求协议请求行介绍
  4. php和html的怎么结合,php和html怎么结合,我要做seesion验证啊。。。
  5. 那些地方会用C语言多线程,如何用C语言实现多线程
  6. Mac上MacVim安装与配置
  7. 【Flink】Flink allowedLateness 与 watermark 的区别
  8. Microsoft SQL Server Integration Service文章总结
  9. 使用DIME协议上传文件
  10. python 腾讯视频签到_腾讯视频V力值自动签到
  11. structs2本地(国际)化
  12. python里打印空格_python打印空格
  13. 智力题解题报告No.12 倒油 倒酒 倒水问题
  14. php怎么使用sendcloud,请教大牛们 PHPHub 使用 sendcloud 发送邮件需要怎么配置?
  15. python编程方块_趣味Python编程之经典俄罗斯方块
  16. esp32c3 nvs存取大数组结构体方法
  17. 线性规划:单纯形算法之处理退化
  18. 软件测试行业薪资排名第五!一线城市,月薪多少才够上了及格线?
  19. 训练深度网络模型,刚开始约10epoch的loss下降幅度很大,在大约10个epoch之后,变得非常缓慢。请问是什么问题呢?
  20. PHP经典算法小羊繁殖

热门文章

  1. 【ssl认证、证书】openssl genrsa 命令详解
  2. button点击变色,文字变色
  3. ASUS华硕天选2笔记本电脑FA506IC4800原装出厂Windows11系统恢复原厂OEM系统
  4. 方正Founder A6300 一体机驱动
  5. lol 放假如何才能脱离深坑
  6. 2020年全球物联网市场规模将达1.9万亿美元
  7. 音圈膜片粘合过程中UV胶的优势及注意实现
  8. 嵌入式肯定要和硬件打交道的
  9. 善良的力量可以像滚雪球,越滚越大
  10. C++AI聊天机器人