js截取URL网址参数
将本页代码复制粘贴到html页面,打开即可。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="demo.html" method="get">
账号: <input type="text" name="userName">
密码: <input type="password" name="pwd" id="">
<input type="submit" value="提交">
</form>
</body>
<script>
//demo.html?userName=yft&pwd=admin
//如果我们第二个页面能够使用这个数据,我们就实现了2个页面传输数据。
// {userName:yft,pwd:admin}
//截取网址字符串
function params(url) {
//我们只要问号后面的字符串
var arr = url.split('?')
// console.log(arr);
var params = arr[1];
//console.log(params); //userName=yft&pwd=admin
var arr1 = params.split('&');
console.log(arr1);
var o = {}
//因为arr1里面有多个元素,都要切割,所以我们需要遍历循环。
for (var i = 0; i < arr1.length; i++) {
// console.log(arr[i]);
var newArr = arr1[i].split('=');
console.log(newArr);
// newArr[0] newArr[1]
o[newArr[0]] = newArr[1];
}
return o;
}
console.log(params('www.yft.com/login?userName=yft&pwd=admin'));
</script>
</html>
赞 (0)