欢迎光临
我的个人博客网站

JS获取URL中参数值的4种方法


JS获取URL中参数值的4种方法

方法一:正则法

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; } // 这样调用: alert(GetQueryString("参数名1")); alert(GetQueryString("参数名2")); alert(GetQueryString("参数名3"));

 

方法二:split拆分法

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 参数1,参数2,参数3,参数N; // 参数1 = Request['参数1']; // 参数2 = Request['参数2']; // 参数3 = Request['参数3']; // 参数N = Request['参数N'];

 

方法三:正则

通过JS获取url参数,这个经常用到。比如说一个url:http://wwww.jb51.net/?q=js,我们想得到参数q的值,那可以通过以下函数调用即可。

function GetQueryString(name) {     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");     var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配     var context = "";     if (r != null)     context = r[2];     reg = null;     r = null;     return context == null || context == "" || context == "undefined" ? "" : context; } alert(GetQueryString("q"));

 

方法四:单个参数的获取方法

function GetRequest() {    var url = location.search; //获取url中"?"符后的字串    if (url.indexOf("?") != -1) {    //判断是否有参数       var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串       strs = str.split("=");   //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔)       alert(strs[1]);          //直接弹出第一个参数 (如果有多个参数 还要进行循环的)    } }

 

 

原文:https://www.cnblogs.com/wang98/p/7688186.html

方法一:正则法

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; } // 这样调用: alert(GetQueryString("参数名1")); alert(GetQueryString("参数名2")); alert(GetQueryString("参数名3"));

 

方法二:split拆分法

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 参数1,参数2,参数3,参数N; // 参数1 = Request['参数1']; // 参数2 = Request['参数2']; // 参数3 = Request['参数3']; // 参数N = Request['参数N'];

 

方法三:正则

通过JS获取url参数,这个经常用到。比如说一个url:http://wwww.jb51.net/?q=js,我们想得到参数q的值,那可以通过以下函数调用即可。

function GetQueryString(name) {     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");     var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配     var context = "";     if (r != null)     context = r[2];     reg = null;     r = null;     return context == null || context == "" || context == "undefined" ? "" : context; } alert(GetQueryString("q"));

 

方法四:单个参数的获取方法

function GetRequest() {    var url = location.search; //获取url中"?"符后的字串    if (url.indexOf("?") != -1) {    //判断是否有参数       var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串       strs = str.split("=");   //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔)       alert(strs[1]);          //直接弹出第一个参数 (如果有多个参数 还要进行循环的)    } }

 

 

原文:https://www.cnblogs.com/wang98/p/7688186.html

赞(0) 打赏
未经允许不得转载:张拓的天空 » JS获取URL中参数值的4种方法
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏