两个HTML页面之间进行跳转,如何获取跳转的URL地址里的参数

当我们需要从A.html跳转到B.html时,希望在B.html页面里获取到跳转到B.html页面的URL地址里的参数信息。
例如:A.html跳转到B.html。在A里点击一个按钮,然后就如下根据url跳转到B.html页面。

window.parent.menuHandle({
                id: '2',
                url: '/B.html?id='+myId,
                name: '修改员工'
              },true)

这时我们想要在当前的B.html页面里拿到URL地址里传过来的myId的值,然后进行其他操作。
我们在B.html页面的钩子函数里面,使用一个js的方法,来截取、获取这个myId的值,index.js里的方法如下:

//获取url地址上面的参数
function requestUrlParam(argname){
  var url = location.href
  var arrStr = url.substring(url.indexOf("?")+1).split("&")
  for(var i =0;i<arrStr.length;i++)
  {
      var loc = arrStr[i].indexOf(argname+"=")
      if(loc!=-1){
          return arrStr[i].replace(argname+"=","").replace("?","")
      }
  }
  return ""
}

在B.html的钩子函数里使用如下:

created() {
		  //调用js方法获取URL里key为id的参数对应的信息
          this.id = requestUrlParam('id')
        }

这样就能够获取到myId的值了,就可以拿到这个值去进行其他的操作了。

  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值