写页面的时候发现的小用法,记录下来,关于url静态传参的问题。
首先列举下获取URL中参数的几种方法
方法一:正则法
这个正则是寻找&+url参数名字=值+&*/ 这里参考网址:***.html?id=1&cid=2
方法二:split拆分法//这里是开始匹配,找到了返回对应url值,没找到返回null function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); //这里返回找到正则的匹配 if (r != null) { return unescape(r[2]); //这里返回对应的值 } return null; } // 这样调用: var value = getQueryString("id"); //这里'id'代表参数的名字 if(value!=null) { var value_ = decodeURIComponent(value); alert(value_); }
function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for(var i = 0; i < strs.length; i ++) { theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]); } } return theRequest; } var Request = new Object(); Request = GetRequest(); var id_; id_ = Request['id']; alert(id_ );方法三:单个参数的获取方法
window.onload = function() { var url = location.search; //获取url中"?"符后的字串 if (url.indexOf("?") != -1) { //判断?后面是否有参数 var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串 这里会获得类似“id=1”这样的字符串 var strNum = str.split("="); //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔) alert(strNum[1]); //直接弹出第一个参数 (如果有多个参数 还要进行循环的) } }好了,这里三种方法够用的了,想用哪种用哪种。接下来说下用途:
1.可根据url中的参数来显示不同的内容,比如有些内容只想在特定情况下显示,就可以通过传参来设定。
2.可跨页面跨区域定位;一般的定位方法当然也能显示指定位置,但是页面中如果有tab切换啊什么的,想要直接调到第二个选项的内容区(默认会显示第一个选项区的内容)就得用到这种判断方法了,通过判断url参数来控制切换。
用途可能还有很多,以后遇到再添加。加油!