window.location.search.substr(1)方法

window.location:

window的location对象

  1. window.location.href
      整个URl字符串(在浏览器中就是完整的地址栏)
  2. window.location.protocol
      URL 的协议部分
      返回值:http:
  3. window.location.host
      URL 的主机部分(带端口号)
  4. window.location.port
      URL 的端口部分。
    5.window.location.pathname
      URL 的路径部分(就是文件地址)
  5. window.location.search
      查询(参数)部分。得到的是url中?部分。除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值。
  6. window.location.hash
      锚点。得到的是url中#部分。

substr()

返回一个从指定位置开始的指定长度的子字符串
这里设置为1,是为了把url中的?号去掉

reg

function getQueryString(name) {  
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); 
      
    var r = window.location.search.substr(1).match(reg);  
    if (r != null) {  
        return unescape(r[2]);  
    }  
    return null;  
}  

1、reg是一个正则表达式子,是你获得的参数


image.png

var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
(^| )代表开始
( |$)代表结束
以&或者$结尾的字符串
这个正则是寻找&+url参数名字=值+&
&可以不存在。

  1. window.location.search.substr(1).match(reg);
    (1) location是包含了相关的url的信息,它是windown的一部分。
    (2) search是一个可以查询的属性,可以查询?之后的部分。
    (3) substr(1)是为了去掉第一个?
    (4) match()是你要匹配的部分 后面可以是正则表达式。
    (5) return unescpe(r[2]) 返回的值 一个数组。
    (6) 这里是开始匹配,找到了返回对应url值,没找到返回null。
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 8,906评论 0 4
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,278评论 19 139
  • 有人说过,很多弯路到最后都成了直路,所有的坑到最后也都成了坦途;所谓的直路和坦途并不是摆在眼前的,都是不断的的...
    老衲法号一眉道人阅读 5,231评论 0 4
  • 你在我的梦里 香熟地睡去 依偎在我怀里 哼着柔弱的鼻息 我为你筑起一座岛屿 愿你醒来不再归去 你在我的诗篇里 谱写...
    江南少城主阅读 4,375评论 9 14
  • 颜色比较浅,上色不够
    红尘归隐阅读 1,702评论 7 3

友情链接更多精彩内容