给html网页url拼接地址参数

给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