JS页面跳转的各种形式

普通跳转页面

    const url = "/XXX/YYYYY/MMMMM";window.location.href = url ;

普通跳转打开新页面

   const url = "/XXX/YYYYY/MMMMM";window.open(url, "_blank", "");

vue页面跳转

字符串

      this.$router.push('/home/first')

对象

     this.$router.push({ path: '/home/first' })

命名的路由（可以传递参数）

 this.$router.push({ name: 'home', params: { userId: wise }})

打开新页面跳转

       let routeData = this.$router.resolve({ path: '/salary/day', query: {  id: id} });window.open(routeData.href, '_blank');

react页面跳转

    第一种：`this.props.router.push(path)`第二种：`this.context.router.push(path)`

如果需要传递参数：

    this.props.router.push({ pathname : '/', state : { msg : 'you have logined and will redirect to your page'}});  this.context.router.push({ pathname : '/', state : { msg : 'you have logined and will redirect to your page'}});

JS页面跳转的各种形式相关推荐

JS返回上一页-JS返回下一页-JS页面跳转
JS返回上一页-JS返回下一页-JS页面跳转 Javascript 返回上一页: 1. history.go(-1), 返回两个页面: history.go(-2); 2. history.back( ...
js页面跳转和js对iframe进行页面跳转、刷新
js页面跳转和js对iframe进行页面跳转.刷新一.js方式的页面跳转 1.window.location.href方式 <script language="javascr ...
js 页面跳转方法当前页与新增页面
js 页面跳转方法 open('http://www.baidu.com'); //页面跳转打开一个新的页面close() //关闭当前页面location.href //可以进行页面跳转当前网页直接 ...
js页面跳转和 js打开新窗口方法
js页面跳转和 js打开新窗口方法 Js返回上一页: 1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history. ...
location.hash 原生js页面跳转/路由
使用vue开发项目非常方便,vue全家桶让你想实现什么功能都更加便捷,但是使用原生js,jquery开发,页面之间跳转怎么实现呢, 下面说一下window.location.hash,概念性的东西大家 ...
js页面跳转参考代码大全
整理一下JS页面跳转参考代码第一种: <script language=/"javascript/" type=/"text/javascript/&q ...
js 跳转html,js页面跳转方式 js页面跳转举例
js页面跳转,在日常的开发中,经常被用到,因为它灵活方便. 本文为大家收集了几种js页面跳转的方式,供朋友们参考. 方式1: 复制代码代码示例: window.location.href=" ...
php 中js跳转页面跳转页面,js跳转代码_PHP页面跳转 Js页面跳转代码
摘要腾兴网为您分享:PHP页面跳转 Js页面跳转代码,自动刷宝,中信金通,携程抢票,未来屋等软件知识,以及沃金汇,沃行讯通,securecrt.exe,我的世界变形金刚mod,一票通,农场小分队,手 ...
常用的JS页面跳转代码调用大全
所谓的js页面跳转就是利用javesrcipt对打开的页面ULR进行跳转,如我们打开的是A页面,通过javsrcipt脚本就会跳转到B页面. 目前很多垃圾站经常用js跳转将正常页面跳转到广告页面,当然 ...

JS页面跳转的各种形式

JS页面跳转的各种形式相关推荐

最新文章

热门文章