js获取url中参数名的实例教程

要撮利用js获取url中参数名也参数值这个不多见了,但我今天需要这样操作,下面我来给大家介绍一下具体的实例方法。 

在已知参数名的情况下,获取参数值,使用正则表达式能很容易做到。

js的实现方法如下:

 代码如下

function getValue(url, name) {
 var reg = new RegExp(‘(\?|&)’ + name + ‘=([^&?]*)’, ‘i’);
 var arr = url.match(reg);

 if (arr) {
  return arr[2];
 }

 return 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;    
}

这样调用:

alert(GetQueryString(“参数名1”));
alert(GetQueryString(“参数名2”));
alert(GetQueryString(“参数名3”));

如果想获取所有的参数名和其对应的值,同样也可以使用正则表达式的方法,

js实现方法:

 代码如下

function getKeyValue(url) {
 var result = {};
 var reg = new RegExp(‘([\?|&])(.+?)=([^&?]*)’, ‘ig’);
 var arr = reg.exec(url);

 while (arr) {
  result[arr[2]] = arr[3];

  arr = reg.exec(url);
 }

 return result;
}

注意在js中用于匹配的还有一个叫match,match是字符串的方法,而exec是RegExp对象的方法。使用字符串的match方法,同时正则表达式指定为全局匹配,那么正则表达式中的分组将没有用,返回的结果是所有匹配正则表达式的子字符串。exec方法没有使用全局匹配标志时,返回的时间第一个匹配的子字符,如果使用了全局匹配标志,第一次执行从头开始匹配符号的字符串,再次调用,就从上一次匹配结果后开始匹配。

下面提供php的实现方法:

 代码如下

function getKeyValue($url) {
 $result = array();
 $mr = preg_match_all(‘/(?|&)(.+?)=([^&?]*)/i’, $url, $matchs);

 if ($mr !== FALSE) {
  for ($i = 0; $i    $result[$matchs[2][$i]] = $matchs[3][$i];
  }
 }

 return $result;
}

php的preg_match_all方法把匹配的结果存放在第三个指定的参数中,是一个二维数组。第一维度是分组信息的数组,即第一个数组存放的是所有匹配的完整字符串,第二个数组存放的是第一个()对应的值得,第二维度是分组的值。

以上就是js获取url中参数名的实例教程的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3196965.html

(0)
上一篇 2025年4月1日 03:16:26
下一篇 2025年4月1日 03:16:33

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 详解js在html中的加载执行顺序

    js在html中的加载执行顺序 1.加载顺序:引入标记的出现顺序, 页面上的js代码是js的一部分,所以Javascript在页面装载时执行的顺序就是其引入标记的出现顺序, 标记里面的或者通过src引入的外部JS,都是按照其语句出现的顺序执…

    编程技术 2025年4月4日
    100
  • HTML和JS实现简单的计算器

    HTML和JS实现计算器功能的也是很容易的,本文主要和大家分享HTML和JS实现简单的计算器,希望能帮助到大家。 下面是代码:    nbsp;html>无标题文档 var result=””; function jisuan(num…

    编程技术 2025年4月4日
    100
  • 实现在HTML页面加载完毕后运行js方法

    本文主要和大家分享实现在HTML页面加载完毕后运行js方法,主要以代码的方法和大家分享,希望能帮助到大家。 Js方法: window.onload=function (){ var userName=”xiaoming”; alert(us…

    编程技术 2025年4月4日
    100
  • JavaScript实现获取远程的html到当前页面中

    今天做个项目,需要在当前的html页面中引用一个远程的html页面,百度了一下,发现一个非常好用的代码,这里分享给大家,有相同需求的小伙伴可以来看看 html代码 登录后复制 立即学习“Java免费学习笔记(深入)”; javascript…

    编程技术 2025年4月4日
    200
  • JavaScript模块优化

    给大家分享一下如何才能开发出更好的javascript模块和功能,有兴趣的朋友参考学习下吧。 不少人都曾经在 npm 上发布过自己开发的 JavaScript 模块,而在使用一些模块的过程中,我经常产生“这个模块很有用,但如果能 xxx 就…

    编程技术 2025年4月4日
    100
  • 适用于JavaScript开发人员的10个必备VSCode扩展

    如今,visual studio code无疑是最流行的轻量级代码编辑器。它确实从其他代码编辑器那借鉴了很多,最主要是从sublime和atom那里。然而它的成功关键是源于能提供更好的性能和稳定的表现。 另外,它还提供了如代码智能提示等开发…

    2025年4月2日 编程技术
    200
  • 提高 JavaScript 开发效率的高级 VSCode 扩展!

    如今,visual studio code无疑是最流行的轻量级代码编辑器。vs code的强大无疑来自于它的插件市场。多亏了开源社区,vs code现在几乎对所有的编程语言、框架和开发技术都有支持。 提供这种支持的方式是多样的,主要包括了为…

    2025年4月2日 编程技术
    200
  • vscode怎么获取git项目

    打开vscode,使用ctrl+`或者点击【查看】到【集成终端】打开控制终端 在终端中cd到存放文件夹下面,然后git clone https://github.com/iview/iview-project就可以将项目拉取下来 相关文章教…

    2025年4月2日
    100
  • 如何利用Vue实现拖拽穿梭框功能?四种方式介绍

    如何实现拖拽穿梭框功能?下面本篇文章给大家介绍一下vue实现拖拽穿梭框功能四种方式,希望对大家有所帮助。 【相关推荐:vue】 一、使用原生js实现拖拽 vue Lazyload .drag { background-color: skyb…

    2025年4月1日
    100
  • 聊聊MVVM模型在Vue中怎么应用

    理解MVVM模型 我们知道每一个 Vue 应用都是从创建一个新的实例开始的,根据 Vue2 的官方文档我们可以得知 Vue 的设计是得到了 MVVM 模型 的启发,所以就有了在我们创建 Vue 实例时,文档中经常使用vm这个变量名来表示 V…

    2025年4月1日 编程技术
    200

发表回复

登录后才能评论