转自:JS获取URL参数方法、js获取当前url中的参数、JS获取URL参数的4种方法总结

法一

const result = new URLSearchParams(this.props.location.search);
const param = result.get('对应参数名');

法二

let url= window.location.href;const URL = res.split('?')[1];let obj = {}; // 声明参数对象let arr = URL.split("&");for (let i = 0; i < arr.length; i++) {let arrNew = arr[i].split("="); obj[arrNew[0]] = arrNew[1];}console.log('输出结果是---->',obj)console.log('输出结果是---->',obj["id"))

法三

getQueryString(name) {var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');var r = window.location.search.substr(1).match(reg);   // window.lcation.search 也可以替换成任何想获得参数的 urlif (r != null) {return unescape(r[2]);}return null;}

name:参数名

如当前页面的url为:http://test.html?id=12&name=zhangsan

var _id=this.getQueryString("id");

var _name=this.getQueryString("name");

结果:_id=12, _name=zhangsan

转自:JS获取URL参数方法、js获取当前url中的参数、JS获取URL参数的4种方法总结

JS获取当前页面 URL 参数方法(转)相关推荐

  1. Js获取当前页面URL各种参数

    JS获取当前页面URL各种参数 一:Location Location 对象包含有关当前 URL 的信息. Location 对象是 Window 对象的一个部分,可通过 window.locatio ...

  2. JS获取当前页面url传参

    JS获取当前页面url传参 function geturl(data) { //获取当前页面路径传参// var url = document.location.toString(); //获取当前页 ...

  3. js获取当前页面url网址等信息

    使用js获取当前页面的url网址信息. 1.设置或获取整个 URL 为字符串: window.location.href 2.设置或获取与 URL 关联的端口号码: window.location.p ...

  4. js获取当前页面url网址信息

    在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结. 下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblog ...

  5. php 伪静态 获取当前页面路径_织梦移动适配PHP获取当前页面URL地址方法

    在做织梦网站开发时,会遇到获取当前URL并做PHP判断.比如地区站群PC端的移动适配功能,下面提供PHP通用移动端适配方法. PC首页路径:www.xx.com 移动端首页路径:m.xx.com 地区 ...

  6. HTML JS获取当前页面URL

    HTML/CSS/JS 目录:https://blog.csdn.net/dkbnull/article/details/87934939 <!DOCTYPE html> <html ...

  7. JS获取当前/指定URL参数

    方法: 首先通过 document.location 获得当前访问网页的网址, 其次用 split 方法通过"?"把网址分为两部分. 如果网址中有参数(arrObj.length ...

  8. php获取当前页面地址代码,PHP获取当前页面URL地址程序代码

    在php中要获取当前页面url地址方法很简单,下面我来给大家总结一下利用相关函数获取完整页面url地址的实例. PHP的预定义变量$_SERVER是一个包含头部(headers),路径信息及脚本位置的 ...

  9. js获取url 参数方法封装

    js获取url 参数方法封装 // 获取url 参数getUrlParam(params) {let url = location.href;url = url.replace("?&quo ...

最新文章

  1. 职校电子计算机专业高考分数线,2015年重庆高考分数线公布:一本文572理573
  2. 脚本修改linux网络配置,用脚本实现Linux的网络配置
  3. linux查看与修改交换内存配置(解决zabbix-agent启动报错)
  4. Linux入门之系统启动过程及初始化----“翻滚吧,牛宝宝”
  5. anjularjs 路由
  6. mysql插入timeStamp类型数据时间相差8小时的解决办法
  7. centos7同一服务器安装两个或多个Tomcat
  8. 常用MIME类型,解决IIS布署后字体文件、mp4视频文件等not found 的错误
  9. 064_将 Linux 系统中 UID 大于等于 1000 的普通用户都删除
  10. 禁止“挖矿”!谷歌杀了所有的 Chrome 扩展应用
  11. JAVA对map进行分组
  12. 98.TCP通信传输文件
  13. mysql sql中的一些问题,Null与空字符
  14. 微信三级分销系统开发规则及源码
  15. 姓杜起名:杜姓高雅霸气的男孩名字
  16. 开放式社区?太小儿科了,智慧城市才是重点
  17. 使用pgadmin3操作数据库 简介,误删数据表格后用Django重新生成表
  18. 电子元器件封装获取方法
  19. 程序设计入门——C语言 翁恺 期末考试编程题
  20. laravel8 使用高德地图查询经纬度(输入地名获取经纬度)

热门文章

  1. STM32H750VB程序无法下载的问题
  2. Avue使用本地/网络数据字典
  3. Gambit 命令之 dgui
  4. Go与Nginx(lua-resty-string)跨语言加解密
  5. NOIP2022游记
  6. 作为全球闻名的笔记软件和知识管理工具,印象笔记帮助你简化你的工作、学习和生活
  7. ubuntu18.04 安装 wps2019
  8. 深入浅出 - Android系统移植与平台开发(二) - 准备Android开发环境
  9. java内存占用分析_JVM内存占用情况深入分析
  10. 基于 Spring Boot 的个人博客系统设计与实现(源码+数据库+42页论文)