js 获取 url 查询参数

简介: 例如:http://30.7.212.45:3000/#/?id=100获取 id 的值的 js 代码如下: var id; var href = window.

例如:
http://30.7.212.45:3000/#/?id=100
获取 id 的值的 js 代码如下:

        var id;
        var href = window.location.href
        console.log(`href = ${href}`)
        var reg = new RegExp("(^|&)" + "id" + "=([^&]*)(&|$)");
        var query = href.substring(href.indexOf('?') + 1)
        var r = query.match(reg)
        if (r != null) id = unescape(r[2]);
        console.log(`id = ${id}`)
相关文章
|
3月前
|
前端开发
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
|
1月前
|
JavaScript 前端开发
.js方法参数argument
【10月更文挑战第26天】`arguments` 对象为JavaScript函数提供了一种灵活处理参数的方式,能够满足各种不同的参数传递和处理需求,在实际开发中具有广泛的应用价值。
44 7
|
26天前
|
JSON JavaScript 关系型数据库
node.js连接GBase 8a 数据库 并进行查询代码示例
node.js连接GBase 8a 数据库 并进行查询代码示例
|
1月前
|
JavaScript
vue封装一个查询URL参数方法
通过以上步骤,我们在Vue.js项目中封装了一个查询URL参数的方法 `getQueryParam`,并在Vue组件中成功应用。这种封装方式不仅提高了代码的复用性,还使得代码更加清晰和易于维护。
18 1
|
1月前
|
JavaScript
vue封装一个查询URL参数方法
通过以上步骤,我们在Vue.js项目中封装了一个查询URL参数的方法 `getQueryParam`,并在Vue组件中成功应用。这种封装方式不仅提高了代码的复用性,还使得代码更加清晰和易于维护。
18 1
|
2月前
|
存储 开发框架 JavaScript
Node.js实现短链接(ShortLink):shortid、epxress让URL更简单
Node.js实现短链接(ShortLink):shortid、epxress让URL更简单
82 0
Node.js实现短链接(ShortLink):shortid、epxress让URL更简单
|
3月前
|
前端开发 JavaScript
前端JS截取url上的参数
文章介绍了两种前端JS获取URL参数的方法:手动截取封装和使用URLSearchParams。
61 0
|
5月前
|
JavaScript
js 获取并解析 url 中参数的三种方法
js 获取并解析 url 中参数的三种方法
609 0
|
JavaScript
JS解析url中的参数
JS解析url中的参数
216 0
|
JSON JavaScript 数据格式
JS解析URL参数并返回JSON格式
背景 有时候,简单的参数只需要两个页面间传递,无需后台加工,这个时候,就可以考虑使用页面间传参方式 方案 采用JS中location.search获取传递的参数 优势 1、直接传递2、无依赖3、主流浏览器都支持 优化 1、对获取的原生问号参数进行二次加工,转换成JSON对象,就可以支持点属性了,很方便。
1716 0