使用正则表达式和数组形式获取get方法传入的值

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<button onclick="huoqu('Url')" type="button">获取数据</button>
<script>
//传统方法获取url的get数据
// function huoqu(){
// var str1 = location.search;
// var arr1 = str1.slice(1).split('&');
// var arr3=[];
// for(var i=0;i<arr1.length;i++){
// var arr2 = arr1[i].split('=');
// arr3.push(arr2[0]);
// arr3.push(arr2[1]);
// }
// console.dir(arr3);
// }

// function huoqu(name){
// var str1 = location.search;
// var arr1 = str1.slice(1).split('&');
// for(var i=0;i<arr1.length;i++){
// var arr2 = arr1[i].split('=');
// if(arr2[0]==name){
// alert(arr2[1]);
// }
// }

// }
//获取特定name的值

//------------------------------------------------------match用法
// match() 方法将检索字符串 stringObject，以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。
// 如果 regexp 没有标志 g，那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本， match() 将返回 null。否则，它将返回一个数组，其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本，而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外，返回的数组还含有两个对象属性。index 属性声明的是匹配文本的起始字符在 stringObject 中的位置，input 属性声明的是对 stringObject 的引用。
// 如果 regexp 具有标志 g，则 match() 方法将执行全局检索，找到 stringObject 中的所有匹配子字符串。若没有找到任何匹配的子串，则返回 null。如果找到了一个或多个匹配子串，则返回一个数组。不过全局匹配返回的数组的内容与前者大不相同，它的数组元素中存放的是 stringObject 中所有的匹配子串，而且也没有 index 属性或 input 属性。
// 注意：在全局检索模式下，match() 即不提供与子表达式匹配的文本的信息，也不声明每个匹配子串的位置。如果您需要这些全局检索的信息，可以使用 RegExp.exec()
// var str="Hello world!"
// document.write(str.match("world") + "<br />");
// document.write(str.match("World") + "<br />");
// document.write(str.match("worlld") + "<br />");
// document.write(str.match("world!"));
// world
// null
// null
// world!
// var str="1 plus 2 equal 3";
// document.write(str.match(/\d+/g));//1,2,3
//------------------------------------------------------法2
function huoqu(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i"); //添加变量时，正则表达式必须使用new创建，而且模式匹配符必须用引号括起来与前面的正则表达式逗号隔开
var r = window.location.search.substr(1).match(reg);
if (r!=null) {alert(decodeURI(r[2]));} return null;
}

</script>
</body>
</html>

还有一种传统方法是使用对象存储变量的值，这里就不展示了，以后有时间再补充

巴特西

使用正则表达式和数组形式获取get方法传入的值

最新文章

热门文章