js 获取(接收)地址栏参数值的方法


Posted in Javascript onApril 01, 2013

当地址栏含有参数,我们可以再目标页面通过window.location.search来获取我们需要的参数及其值

// 获取地址栏的参数数组 
function getUrlParams() 
{ 
var search = window.location.search ; 
// 写入数据字典 
var tmparray = search.substr(1,search.length).split("&"); 
var paramsArray = new Array; 
if( tmparray != null) 
{ 
for(var i = 0;i<tmparray.length;i++) 
{ 
var reg = /[=|^==]/; // 用=进行拆分,但不包括== 
var set1 = tmparray[i].replace(reg,'&'); 
var tmpStr2 = set1.split('&'); 
var array = new Array ; 
array[tmpStr2[0]] = tmpStr2[1] ; 
paramsArray.push(array); 
} 
} 
// 将参数数组进行返回 
return paramsArray ; 
} 
// 根据参数名称获取参数值 
function getParamValue(name) 
{ 
var paramsArray = getUrlParams(); 
if(paramsArray != null) 
{ 
for(var i = 0 ; i < paramsArray.length ; i ++ ) 
{ 
for(var j in paramsArray[i] ) 
{ 
if( j == name ) 
{ 
return paramsArray[i][j] ; 
} 
} 
} 
} 
return null ; 
}

当前我们的页面地址是https://3water.com/tatame/admin/EditPosts.aspx?opt=1
可以看到url上含有一个参数
var opt = getParamValue("opt") ;
alert(opt);弹出为1了 。
/******** 
接收地址栏参数 
key:参数名称 
**********/ 
function GetQuery(key) { 
var search = location.search.slice(1); //得到get方式提交的查询字符串 
var arr = search.split("&"); 
for (var i = 0; i < arr.length; i++) { 
var ar = arr[i].split("="); 
if (ar[0] == key) { 
return ar[1]; 
} 
} 
}

在页面加载调用GetQuery('test')这个函数就好了,非常实用
Javascript 相关文章推荐
在新窗口打开超链接的方法小结
Apr 14 Javascript
ECMAScript6块级作用域及新变量声明(let)
Jun 12 Javascript
jquery中toggle函数交替使用问题
Jun 22 Javascript
网页前端登录js按Enter回车键实现登陆的两种方法
May 10 Javascript
js的各种排序算法实现(总结)
Jul 23 Javascript
Mongoose学习全面理解(推荐)
Jan 21 Javascript
bootstarp modal框居中显示的实现代码
Feb 18 Javascript
bootstrap datetimepicker日期插件超详细使用方法介绍
Feb 23 Javascript
微信小程序实现顶部选项卡(swiper)
Jun 19 Javascript
使用express+multer实现node中的图片上传功能
Feb 02 Javascript
JS监听事件的叠加和移除功能
Nov 19 Javascript
Vue如何使用混合Mixins和插件开发详解
Feb 05 Javascript
表格单元格交错着色实现思路及代码
Apr 01 #Javascript
javascript 禁用IE工具栏,导航栏等等实现代码
Apr 01 #Javascript
Js 时间函数getYear()的使用问题探讨
Apr 01 #Javascript
jQuery去掉字符串起始和结尾的空格(多种方法实现)
Apr 01 #Javascript
JS动态添加option和删除option(附实例代码)
Apr 01 #Javascript
点击隐藏页面左栏或右栏实现js代码
Apr 01 #Javascript
jquery如何把参数列严格转换成数组实现思路
Apr 01 #Javascript
You might like
一个php作的文本留言本的例子(二)
2006/10/09 PHP
PHP中使用imagick生成PSD文件缩略图教程
2015/01/26 PHP
php自动给网址加上链接的方法
2015/06/02 PHP
CodeIgniter开发实现支付宝接口调用的方法示例
2016/11/14 PHP
php中的抽象方法和抽象类
2017/02/14 PHP
Laravel关联模型中过滤结果为空的结果集(has和with区别)
2018/10/18 PHP
jQuery 全选效果实现代码
2009/03/23 Javascript
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
2011/11/30 Javascript
javascript 实现简单的table排序及table操作练习
2012/12/28 Javascript
密码强度检测效果实现原理与代码
2013/01/04 Javascript
图片上传插件jquery.uploadify详解
2013/11/15 Javascript
jQuery浏览器CSS3特写兼容实例
2015/01/19 Javascript
javascript中Date format(js日期格式化)方法小结
2015/12/17 Javascript
js querySelector() 使用方法
2016/12/21 Javascript
基于jQuery实现文字打印动态效果
2017/04/21 jQuery
JS生成随机打乱数组的方法示例
2017/12/23 Javascript
[原创]jQuery实现合并/追加数组并去除重复项的方法
2018/04/11 jQuery
如何通过shell脚本自动生成vue文件详解
2019/09/10 Javascript
JavaScript实现随机点名小程序
2020/10/29 Javascript
[46:23]完美世界DOTA2联赛PWL S2 FTD vs Magma 第一场 11.20
2020/11/23 DOTA
python中的turtle库函数简单使用教程
2018/07/23 Python
python通过txt文件批量安装依赖包的实现步骤
2019/08/13 Python
python 定时器每天就执行一次的实现代码
2019/08/14 Python
opencv-python 提取sift特征并匹配的实例
2019/12/09 Python
Django实现任意文件上传(最简单的方法)
2020/06/03 Python
python 爬虫网页登陆的简单实现
2020/11/30 Python
美国咖啡批发网站:Coffee.org
2017/06/29 全球购物
测绘工程本科生求职信
2013/10/10 职场文书
大学生专科学习生活的自我评价
2013/12/07 职场文书
银行实习生的自我评价
2014/01/13 职场文书
党员入党表决心的话
2014/03/11 职场文书
机关保密承诺书
2014/06/03 职场文书
三八妇女节趣味活动方案
2014/08/23 职场文书
长城导游词400字
2015/01/30 职场文书
毕业生个人总结
2015/02/28 职场文书
开工典礼致辞
2015/07/29 职场文书