JS获取页面传过来的值
利用JS获取页面的传值,此方法只适应Get传值。
获取页面之间的传值,在后台我们很容易获取,那我们在前台只利用JS怎么写呢?
在看代码之前你需要了解的
① 参考:W3C
Location 对象
Location 对象包含有关当前 URL 的信息。
Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。
②Map 之前有介绍过:Map和Set ,如果需要更深一层理解 查看Map
这两个知识点搞清楚之后,我们的代码就很好写了
我们在一个页面放一个a标签
我们点击A标签,就会跳转,我们在WebForm1中接收
<script> var URL = window.location.search; //?xx=aa&yy=b 形式 URL = URL.split('?')[1]; //获取参数列表 var map = new Map(); //key-value 保存参数和值 var params = URL.split('&'); for (var i = 0; i < params.length; i++) { var ps = params[i].split('='); map.set(ps[0],ps[1]); //添加 } map.forEach(calBack); //循环,每循环一次调用一次回调函数 function calBack(value, key, xx) { //给三个参数 不知道每个参数的意思,可以console.log()查看 document.write("value:" + value+"<br>"); //值 document.write("key:" + key + "<br>"); //健 document.write("值:"+map.get(key)+"<br>"); //利用键获取值 console.log(xx);//查看最后一个参数,应该就是这个集合 } </script>
传递的参数和值就可以获取到了。