如何将html转换成url,如何将URL参数转换为JavaScript对象？

给定一个带有参数的URL，如何获取这些参数并使用javascript将它们转换为JavaScript对象？下面本篇文章就来给大家介绍一下将URL参数转换为JavaScript对象的方法，希望对大家有所帮助。

想要将URL参数转换为JavaScript对象，需要使用replace()方法和split()方法。

replace()方法在字符串中搜索已定义的值或正则表达式，并返回具有替换的已定义值的新字符串。

语法：string.replace(searchVal, newvalue)

参数：

●　searchVal：此参数是必需的。它指定将由新值替换的值或正则表达式。

●　newvalue：此参数是必需的。它指定用于替换搜索值的值。

返回值：返回一个新字符串，其中定义值已被新值替换。

split()方法用于将字符串拆分为子字符串数组，并返回新数组。

语法：string.split(separator, limit)

参数：

●　separator：此参数是可选的。它指定用于拆分字符串的字符或正则表达式。如果不使用，将返回整个字符串(只有一个项目的数组)

●　limit：此参数是可选的。它指定指定拆分数的整数，超出拆分限制的项将从数组中排除。

返回值：返回具有拆分项的新数组。

示例:

var up = document.getElementById('UP');

var down = document.getElementById('DOWN');

var search = 'https://www.html.cn?param_1=val_1&x=7&y=9';

up.innerHTML = "URL为："+search;

search = search.split('?')[1];

down.innerHTML = "转换为JavaScript对象为：
"+'{"' + decodeURI(search)

.replace(/"/g, '\\"').replace(/&/g, '","')

.replace(/=/g, '":"') + '"}';

效果图：