js获取地址栏url参数的方法
[ 2015/03/17, JavaScript , 2966阅, 0评 ]

1、获取地址栏url参数方法

  1. function getQueryString(field) {
  2. let searchStr = window.location.search
  3. if (!field || !searchStr) return null
  4. let reg = new RegExp('(^|&)' + field + '=([^&]*)(&|$)')
  5. let res = searchStr.substring(1).match(reg)
  6. return res !== null ? decodeURIComponent(res[2]) : null
  7. }

栗子:https://jiangdesheng.com/aa/bc?token=123456&pid=85

使用getQueryString("token")就能得到123456

2、解析url参数为Object

  1. /**
  2. * 解析url参数
  3. * @example ?id=12345&a=b
  4. * @return Object {id:12345,a:b}
  5. */
  6. function urlParse(url) {
  7. let obj = {}
  8. let reg = /[?&][^?&]+=[^?&]+/g
  9. let arr = url.match(reg)
  10. if (arr) {
  11. arr.forEach((item) => {
  12. let tempArr = item.substring(1).split('=')
  13. let key = decodeURIComponent(tempArr[0])
  14. let val = decodeURIComponent(tempArr.splice(1).join('='))
  15. obj[key] = val
  16. })
  17. }
  18. return obj
  19. }

有朋自远方来...评论一下呗O(∩_∩)O