使用JavaScript获取URL中的参数(两种方法)


Posted in Javascript onNovember 16, 2016

本文给大家分享两种方法使用js获取url中的参数,其中方法二是使用的正则表达式方法,大家可以根据需要选择比较好的方法,废话不多说了,直接看详细介绍吧。

方法一:

//取url参数 var type = request("type")
function request() {
var query = location.search;
var paras = arguments[0];
if (arguments.length == 2) {
query = arguments[1];
}
if (query != "") {
if (query.indexOf("?") != -1) {
query = query.split("?")[1];
}
query = query.split("&");
for (var i = 0; i < query.length; i++) {
var querycoll = query[i].split("=");
if (querycoll.length == 2) {
if (querycoll[0].toUpperCase() == paras.toUpperCase()) {
return querycoll[1];
break;
}
}
}
}
return "";
}
//调用方法
var mid=request("mid");

方法二:正则法

unction request(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
}
// 这样调用:
alert(request("mid"));

以上所述是小编给大家介绍的使用JavaScript获取URL中的参数(两种方法),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
WEB高性能开发之疯狂的HTML压缩
Jun 19 Javascript
javascript动态向网页中添加表格实现代码
Feb 19 Javascript
JS获取网页属性包括宽、高等等
Apr 03 Javascript
javascript轻量级模板引擎juicer使用指南
Jun 22 Javascript
使用 TypeScript 重新编写的 JavaScript 坦克大战游戏代码
Apr 07 Javascript
理解JavaScript中Promise的使用
Jan 18 Javascript
简单解析JavaScript中的__proto__属性
May 10 Javascript
js动态添加的DIV中的onclick事件简单实例
Jul 25 Javascript
vue.js移动端tab组件的封装实践实例
Jun 30 Javascript
vue 引入公共css文件的简单方法(推荐)
Jan 20 Javascript
JS通过位运算实现权限加解密
Aug 14 Javascript
小程序云开发实战小结
Oct 25 Javascript
微信小程序 保留小数(toFixed)详细介绍
Nov 16 #Javascript
微信小程序 获取相册照片实例详解
Nov 16 #Javascript
js canvas仿支付宝芝麻信用分仪表盘
Nov 16 #Javascript
Javascript使用SWFUpload进行多文件上传
Nov 16 #Javascript
微信小程序教程之本地图片上传(leancloud)实例详解
Nov 16 #Javascript
Javascript使用uploadify来实现多文件上传
Nov 16 #Javascript
微信小程序 地图(map)实例详解
Nov 16 #Javascript
You might like
PHP实现邮件群发的源码
2013/06/18 PHP
PHP编程中的常见漏洞和代码实例
2014/08/06 PHP
php正则表达式获取内容所有链接
2015/07/24 PHP
Zend Framework教程之Zend_Config_Xml用法分析
2016/03/23 PHP
PHP观察者模式示例【Laravel框架中有用到】
2018/06/15 PHP
PHP中一个有趣的preg_replace函数详解
2018/08/15 PHP
JS getStyle获取最终样式函数代码
2010/04/01 Javascript
jQuery Tools tab使用介绍
2012/07/14 Javascript
探讨js中的双感叹号判断
2013/11/11 Javascript
使用POST方式弹出窗口的两种方法示例介绍
2014/01/29 Javascript
jQuery实现隔行背景色变色
2014/11/24 Javascript
javascript+html5实现绘制圆环的方法
2015/07/28 Javascript
js带点自动图片轮播幻灯片特效代码分享
2015/09/07 Javascript
基于jQuery实现滚动切换效果
2016/12/02 Javascript
vue实现nav导航栏的方法
2017/12/13 Javascript
使用vue-cli导入Element UI组件的方法
2018/05/16 Javascript
JS实现网站吸顶条
2020/01/08 Javascript
leaflet加载geojson叠加显示功能代码
2020/02/21 Javascript
详解如何使用React Hooks请求数据并渲染
2020/10/18 Javascript
[57:55]EG vs Fnatic 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python写的贪吃蛇游戏例子
2014/06/16 Python
在python2.7中用numpy.reshape 对图像进行切割的方法
2018/12/05 Python
python os.fork() 循环输出方法
2019/08/08 Python
解决在pycharm运行代码,调用CMD窗口的命令运行显示乱码问题
2019/08/23 Python
python opencv 图像边框(填充)添加及图像混合的实现方法(末尾实现类似幻灯片渐变的效果)
2020/03/09 Python
python简单实现插入排序实例代码
2020/12/16 Python
稀有和绝版书籍:Biblio.com
2017/02/02 全球购物
PHP如何与mysql建立链接
2013/05/05 面试题
枚举和一组预处理的#define有什么不同
2016/09/21 面试题
《天安门广场》教学反思
2014/04/23 职场文书
实验心得体会
2014/09/05 职场文书
学生吸烟检讨书
2014/09/14 职场文书
司法局群众路线教育实践活动整改措施
2014/09/17 职场文书
摘录式读书笔记
2015/07/01 职场文书
NodeJs内存占用过高的排查实战记录
2021/05/10 NodeJs
Python一行代码实现自动发邮件功能
2021/05/30 Python