使用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 相关文章推荐
javascript TextArea动态显示剩余字符
Oct 22 Javascript
jQuery对象和Javascript对象之间转换的实例代码
Mar 20 Javascript
jquery 获取表单元素里面的值示例代码
Jul 28 Javascript
jQuery实现可收缩展开的级联菜单实例代码
Nov 27 Javascript
一个js控制的导航菜单实例代码
Dec 03 Javascript
用JS实现轮播图效果(二)
Jun 26 Javascript
原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法
Aug 05 Javascript
搭建基于express框架运行环境的方法步骤
Nov 15 Javascript
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
Apr 30 Javascript
小程序根据手机机型设置自定义底部导航距离
Jun 04 Javascript
js图片查看器插件用法示例
Jun 22 Javascript
VUE中setTimeout和setInterval自动销毁案例
Sep 07 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表单验证的3个函数ISSET()、empty()、is_numeric()的使用方法
2011/08/22 PHP
Zend Framework页面缓存实例
2014/06/25 PHP
PHP7常量数组用法分析
2016/09/26 PHP
thinkPHP线上自动加载异常与修复方法实例分析
2016/12/01 PHP
php+jQuery实现的三级导航栏下拉菜单显示效果
2017/08/10 PHP
prototype 源码中文说明之 prototype.js
2006/09/22 Javascript
jquery keypress,keyup,onpropertychange键盘事件
2010/06/25 Javascript
jQuery 源码分析笔记(7) Queue
2011/06/19 Javascript
jsTree 基于JQuery的排序节点 Bug
2011/07/26 Javascript
JQuery一种取同级值的方式(比如你在GridView中)
2012/03/15 Javascript
ExtJS4中使用mixins实现多继承示例
2013/12/03 Javascript
判断在css加载完毕后执行后续代码示例
2014/09/03 Javascript
修复bash漏洞的shell脚本分享
2014/12/31 Javascript
JavaScript使用yield模拟多线程的方法
2015/03/19 Javascript
自己动手写的jquery分页控件(非常简单实用)
2015/10/28 Javascript
vue.js父组件使用外部对象的方法示例
2017/04/25 Javascript
webstorm添加vue.js支持的方法教程
2017/07/05 Javascript
用jquery获取select标签中选中的option值及文本的示例
2018/01/25 jQuery
开发一个Parcel-vue脚手架工具(详细步骤)
2018/09/22 Javascript
TypeScript的安装、使用、自动编译的实现
2020/04/10 Javascript
Vuex的各个模块封装的实现
2020/06/05 Javascript
python 中文字符串的处理实现代码
2009/10/25 Python
python调用百度语音REST API
2018/08/30 Python
利用Pyhton中的requests包进行网页访问测试的方法
2018/12/26 Python
如何基于pythonnet调用halcon脚本
2020/01/20 Python
Python发送手机动态验证码代码实例
2020/02/28 Python
Python按照list dict key进行排序过程解析
2020/04/04 Python
Python如何实现后端自定义认证并实现多条件登陆
2020/06/22 Python
CSS3 分类菜单效果
2019/05/27 HTML / CSS
详解html5 postMessage解决跨域通信的问题
2018/08/17 HTML / CSS
video下autoplay属性无效的解决方法(添加muted属性)
2020/05/19 HTML / CSS
美国零售商店:Blue&Cream
2017/04/07 全球购物
《跨越海峡的生命桥》教学反思
2014/02/24 职场文书
2014党员民主评议个人总结
2014/09/10 职场文书
干货:我将这样书写我的演讲稿!
2019/05/09 职场文书
CSS3点击按钮圆形进度打钩效果的实现代码
2021/03/30 HTML / CSS