js 获取地址栏参数键值对，并封装成对象

女爷i 2021-07-24 22:19 519阅读 0赞

<html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    		<form action="#" method="get">
    			<span>姓名:</span><input type="text" class="uname" name="uname"/><br />
    			<span>年龄:</span><input type="text" class="uage" name="uage"/><br />
    			<span>性别:</span><input type="text" class="usex" name="usex"/><br />
    			<input type="submit" />
    		</form>
    		
    		<button class="getMessage">获取信息</button>
    		
    		
    		<script>
    			var get=document.querySelector("button");
    			
    			var obj={ 
    				uname:'zhangsan',
    				uage:'18',
    				usex:'男'
    			}
    			
    			get.onclick=function(){ 
    			
    				var obj2=getMessage(document.location.search);
    				console.log(obj2);
    			}
    			
    			function getMessage(searchValue)
    			{ 
    					var result=document.location.search;
    				//得到？后的的数据
    				result=result.substring(1);
    				//按&分割键值对
    				var r2=result.split("&");
    	
    				
    				var obj1={ };
    				
    				for(var i=0;i<r2.length;i++)
    				{ 
    					var r3=r2[i].split("=");
    					//.不能使用字符串变量为属性
    					obj1[r3[0]]=r3[1];
    				}
    				return obj1;
    			}
    			
    		</script>
    	</body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，519人围观）

还没有评论，来说两句吧...

相关阅读

相关【Js】获取地址栏参数（超简单）

1、Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。 <table> <tbody> <tr>

我会带着你远行/ 2024年02月19日 13:39/ 0 赞/ 102 阅读

相关 JavaScript 获取地址栏URL参数值

//当前页面打开 window.location.href = 'detail.html?id=' + id; //新窗口跳转 windo

妖狐艹你老母/ 2022年06月17日 02:44/ 0 赞/ 362 阅读

相关 JS获取对象键值对中key值的方法

使用Object.keys ![70][] Object.keys( ) 会返回一个数组，数组中是这个对象的key值列表所以只要Object.keys(a)

亦凉/ 2022年05月25日 10:37/ 0 赞/ 516 阅读

相关获取地址栏参数

http://www.ypg.com/list.html?cat_id=231 location.search.match(/cat_id=(\d+)/)[1]

秒速五厘米/ 2022年04月22日 14:22/ 0 赞/ 378 阅读

相关 js获取地址栏参数值

[https://www.cnblogs.com/lizm166/p/7852676.html][https_www.cnblogs.com_lizm166_p_7852676

曾经终败给现在/ 2022年03月15日 03:44/ 0 赞/ 418 阅读

相关 js获取地址栏参数

方法一：(基础版) function getQueryString() { var sHref = window.location.href;

亦凉/ 2021年12月09日 03:57/ 0 赞/ 437 阅读

相关 js 获取地址栏参数

1：工具文件夹common中创建until.js文件 // 获取地址栏查询参数 const getSearch = (name) => { //

àì夳堔傛蜴生んèń/ 2021年10月18日 06:28/ 0 赞/ 509 阅读

相关获取地址栏参数

获取地址栏参数在很多时候，我们需要通过页面的链接来传递参数。既然是传递，那么我们肯定是需要在下一个页面接收，并且使用。那么，如果获取连接中的参数呢？具体的方法如下：

你的名字/ 2021年08月26日 18:38/ 0 赞/ 597 阅读

相关 js获取地址栏参数值

/获取地址栏id/ function getQueryVariable(variable) { var quer

素颜马尾好姑娘i/ 2021年07月27日 02:09/ 0 赞/ 628 阅读

相关 js 获取地址栏参数键值对，并封装成对象

<html> <head> <meta charset="utf-8"> <title></title> </head>

女爷i/ 2021年07月24日 22:19/ 0 赞/ 520 阅读