转载--window.location.href传参/传值汇总

window.location.href传参/传值汇总
找了网上的几种版本(做个笔记汇总)
One:(https://www.cnblogs.com/weimingxin/p/6773881.html)
在这里插入图片描述
Two:(https://blog.csdn.net/weixin_43496408/article/details/103479735)
在这里插入图片描述
Three:(https://blog.csdn.net/qq_42833778/article/details/83621829)
可以直接使用window.location.href进行页面跳转
window.location.href = “./punch/clock_frm.html”
问号传参:
window.location.href = “./punch/clock_frm.html?modFlag=”+modFlag+’&role=’+role;

那么我们在新页面接收参数, 并且将参数转为可用的json格式时, 可以用下面的方法:
var url = location.search; //获取url中"?"符后的字串 (’?modFlag=business&role=1’)
var theRequest = new Object();
if ( url.indexOf( “?” ) != -1 ) {
var str = url.substr( 1 ); //substr()方法返回从参数值开始到结束的字符串;
var strs = str.split( “&” );
for ( var i = 0; i < strs.length; i++ ) {
theRequest[ strs[ i ].split( “=” )[ 0 ] ] = ( strs[ i ].split( “=” )[ 1 ] );
}
console.log( theRequest ); //此时的theRequest就是我们需要的参数;
}
----------中文乱码问题----------
在js中通过window.location.href方式跳转页面并在路径上传递参数中文乱码解决
js中对中文进行编码:(不对ASCII 字母和数字进行编码)
window.location.href = ‘aaa.html?Unit=’+encodeURI(encodeURI(中文内容))
//有时需要两次编码
window.location.href = ‘aaa.html?Unit=’+encodeURI(中文内容)
//有时只需要编码一次即可(具体原因没有细究)

在接收页面接收的时候再解码回来即可
decodeURI(window.location.href)

版权声明:本文为CSDN博主「qq_42833778」的原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_42833778/article/details/83621829
Four:

Five:(https://blog.csdn.net/qq_37418745/article/details/78758280)

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值