js获取地址栏中的参数
1、单个参数获取
比如url: http://127.0.0.1:8080/index.html?oid=11000001
// 获取地址栏中的id参数var path = window.location.href;var index = path.lastIndexOf("?");var oid =10000000;if (index != -1) {var params = path.substring(index + 1);var array = params.split("&");if (array[0].startsWith("oid=")) {oid = array[0].split("=")[1];}}
2、多个参数
比如url= http://127.0.0.1:8080/index.html?name=xiaoyang&job=web&a=10
function UrlParse() {var url = window.location.href;var queryString = url.split('?')[1];queryString = queryString.split('&');for(var item of queryString) {item = item.split('=');this[item[0]] = item[1];}
}
3、获取数组类参数
比如url= http://127.0.0.1:8080/index.html?cid=1,2,3,4
//获取地址栏中的数组值var name = window.location.href;var arr = name.split("?");//3. 用正则拼成对象:{“name”:“xxxx”}var obj = "{\""+arr[1].replace(/=/g,"\":\"").replace("&","\",\"")+"\"}";//4. JSON.parse()方法将数据转换为JavaScript对象。var json = JSON.parse(obj);var cids = [];var a = json.cids;//提取以逗号的值放到cids中var cids=a.split(",");
js获取地址栏中的参数相关推荐
- js获取url中的参数
window.location: window的location对象 window.location.href 整个URl字符串(在浏览器中就是完整的地址栏) window.location.prot ...
- JS中获取地址栏中的参数
访问地址: var name="中文测试名称"; var name="性别"; var url=contextPath+"/demo.jsp?name ...
- js获取url中的参数,url中传递中文的时候通过js解码的方式
如果传递的参数是: <a href="${pageContext.request.contextPath}/productdisplay/productDisplay_productD ...
- php 正则替换url参数,JavaScript正则获取地址栏中参数的方法分享
这篇文章主要介绍了JavaScript正则获取地址栏中参数的方法,涉及javascript基于正则的字符串截取操作相关实现技巧,需要的朋友可以参考下 本文实例讲述了JavaScript正则获取地址栏中 ...
- 用JS获取地址栏参数的方法
用JS获取地址栏参数的方法(超级简单) 方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!) function GetQueryString(name) { var reg ...
- JavaScript获取地址栏中的链接参数
2019独角兽企业重金招聘Python工程师标准>>> JavaScript获取地址栏中的链接参数 <script type="text/javascript&quo ...
- Js获取URL中的指定参数
平时项目中页面跳转需要携带参数,为方便获取URL中指定参数 整理了两个方法 方法1:URLSearchParams() URLSearchParams对象定义了操作 URL传递参数的方法 //获取ur ...
- H5开发获取APP提供到地址栏中的参数
应用场景: 针对web前端开发嵌套在APP项目的H5页面,在进行页面开发时需要拿到APP开发同事放入地址栏中的用户信息. 1. 问题描述: 开发状态中的http://localhost:8080/#/ ...
- js获取URL中参数
URL中的参数一般位于URL的尾部,用"?"与url前面的内容隔开. 格式是 ?+参数名=值 ,如果有多个参数,在参数之间加上&进行区隔. 例: 对于URL:https:/ ...
最新文章
- 开源人脸识别seetaface入门教程(一)
- excel插入一列日期 pandas_将日期和时间从Excel拉到Pandas并将其组合为时间戳
- spring boot + vue + element-ui全栈开发入门——基于Electron桌面应用开发
- BZOJ3879: SvT【后缀数组+单调栈】
- 剑指 Offer打卡 数组与矩阵
- react循环setstate_[React] 8 - React 自身或工程性能优化点?
- elk的一些零碎知识
- Cannot find module '@babel/plugin-proposal-class-properties'
- SqlServer2000中作业无法删除的原因和解决办法
- 董明珠今晚开启抖音直播首秀;传苹果将去掉 iPhone 闪电接口;PyTorch 1.5 发布 | 极客头条...
- Python(二十五):排序、反转
- Mentor软件盗版
- 使用jQuery播放/暂停 HTML5视频
- J2ME手机游戏开发流程
- ubuntu如何打拼音
- 【自动驾驶】二自由度车辆动力学模型
- 光纤交换机 序列号_cisco查看光模块型号序列号命令
- 一文盘点五款 BLDC 风机参考方案,建议先马
- pytorch加载自己的图片数据集的两种方法
- 共模电感磁芯材质你知道哪几种
热门文章
- 打印机打印时出现“打印队列问题” 解决方案
- SPP(SERIAL PORT PROFILE)
- LG gram 2023款 评测
- 一文搞定Void与void
- Ubuntu12.04下Eclipse连接小米2s调试
- chattr: command not found
- LaTex表格 Itemizeenumerate
- 计算机中无操作休眠怎样设置,电脑设置不休眠【解决步骤】
- Python小白入门- 01( 第一章,第1节) 介绍 Python 编程语言
- ResNet DenseNet(实践篇)