给html网页url拼接地址参数
在web项目里页面跳转的过程中,我们有时候需要跳转到外部链接地址(如详情页面跳到本地项目以外的视频播放页)。这时候需要记录当前跳转出去聚焦的内容链接信息,以及当前页面地址,以方便从外部链接地址再跳回到详情页,并聚焦至之前跳转出去的内容块。
通常的url地址参数拼接格式是(使用“?” 隔开地址与参数、 “&”符号来拼接参数,【参数名=参数值】):
http://baidu.com?flag=1&page=2
而当出现上述情况时,此时需要传递当前页面地址参数returnUrl,并且该参数有个翻页列表需要记录列表的页面pageNum需要记录,这时候通过window.location.href="url"进行跳转中就会出现如下矛盾:
http://baidu.com?returnUrl=1&http://baidu.com?pageNum=1
解决思路就是,对拼接字符进行转义,通过 java.net.URLEncoder.encode(param1) 编码处理后,可将转义字符转为16进制,部分符号转义编码如下:
符号 | url转义结果 | 转义码(16进制) |
---|---|---|
+ | URL 中+号表示空格 | %2B |
空格 | URL中的空格可以用+号或者编码 | %20 |
/ | 分隔目录和子目录 | %2F |
? | 分隔实际的 URL 和参数 | %3F |
% | 指定特殊字符 | %25 |
# | 表示书签 | %23 |
& | URL中指定的参数间的分隔符 | %26 |
= | URL中指定参数的值 | %3D |
! | URL中指定参数的值 | %21 |
另外可直接调用js转码方法,对地址参数值进行转码:
//转译
encodeURIComponent("https://zhidao.baidu.com");
//https%3A%2F%2Fzhidao.baidu.com
//逆转译
decodeURIComponent("https%3A%2F%2Fzhidao.baidu.com");
//https://zhidao.baidu.com