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;
}
相关推荐
Hello--_--World5 分钟前
浏览器同源策略与跨域问题
javascript
零瓶水Herwt10 分钟前
JavaScript对象继承常用详解
javascript
布局呆星19 分钟前
Vue3 :生命周期、DOM 操作与自定义组合式函数
前端·javascript·vue.js
147API27 分钟前
多模型路由规则设计实战:第一版系统别做成黑盒
服务器·前端·javascript
chenbin___39 分钟前
检查hooks依赖的工具(转自千问)
开发语言·前端·javascript·react native·react.js
阿凤211 小时前
uniapp运行到app端怎么打开文件
android·前端·javascript·uni-app
久爱@勿忘1 小时前
vue/uniapp H5页面截图
开发语言·前端·javascript
Rabitebla1 小时前
C++类和对象(中):默认函数 + 运算符重载 + 日期类实现完整笔记
java·开发语言·javascript
小李子呢02111 小时前
前端八股Vue---插槽
前端·javascript·vue.js
小李子呢02112 小时前
前端八股Vue---自定义组件(控件)
前端·javascript·vue.js