JavaScript:html获取url参数

使用場景:常用在分享页面

1、采用正则表达式获取地址栏参数

复制代码
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]);
    }else{
        return null ;
    }
}

2、split拆分法

复制代码
function getQueryString() {
    // 获取url中"?"符后的字串
    const url = location.search; 
    let theRequest = new Object();
    if (url.indexOf("?") != -1) {
       let str = url.substr(1);
       strs = str.split("&");
       for(let i = 0; i < strs.length; i ++) {
          theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
       }
    }
    return theRequest;
}
相关推荐
Hi_kenyon3 小时前
VUE3套用组件库快速开发(以Element Plus为例)二
开发语言·前端·javascript·vue.js
EndingCoder4 小时前
Any、Unknown 和 Void:特殊类型的用法
前端·javascript·typescript
JosieBook4 小时前
【Vue】09 Vue技术——JavaScript 数据代理的实现与应用
前端·javascript·vue.js
Jinuss6 小时前
HTML页面http-equiv=“refresh“自动刷新原理详解
http·html
华仔啊7 小时前
JavaScript 如何准确判断数据类型?5 种方法深度对比
前端·javascript
程序员小寒7 小时前
从一道前端面试题,谈 JS 对象存储特点和运算符执行顺序
开发语言·前端·javascript·面试
爱健身的小刘同学7 小时前
Vue 3 + Leaflet 地图可视化
前端·javascript·vue.js
神秘的猪头8 小时前
Ajax 数据请求:从零开始掌握异步通信
前端·javascript
黛色正浓8 小时前
leetCode-热题100-贪心合集(JavaScript)
javascript·算法·leetcode
拾荒的小海螺9 小时前
开源项目:Three.js 构建 3D 世界的工具库
javascript·3d·开源