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

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。