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 相关文章推荐
一个不错的用JavaScript实现的UBB编码函数
Mar 09 Javascript
推荐自用 Javascript 缩图函数 (onDOMLoaded)……
Oct 23 Javascript
基于jQuery的动态表格插件
Mar 28 Javascript
JS测试显示屏分辨率以及屏幕尺寸的方法
Nov 22 Javascript
BootStrap Datetimepicker 汉化的实现代码
Feb 10 Javascript
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
Mar 21 jQuery
js实现放大镜特效
May 18 Javascript
Vue项目中引入外部文件的方法(css、js、less)
Jul 24 Javascript
js 中rewrap-ajax.js插件实例代码
Oct 20 Javascript
vue实现提示保存后退出的方法
Mar 15 Javascript
最后说说Vue2 SSR 的 Cookies 问题
May 25 Javascript
如何在JavaScript中谨慎使用代码注释
Jun 21 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
Linux环境下搭建php开发环境的操作步骤
2013/06/17 PHP
php+redis实现注册、删除、编辑、分页、登录、关注等功能示例
2017/02/15 PHP
ThinkPHP实现分页功能
2017/04/28 PHP
PHP ajax+jQuery 实现批量删除功能实例代码小结
2018/12/06 PHP
php web环境和命令行环境下查找php.ini的位置
2019/07/17 PHP
共享自己写一个框架DreamScript
2007/01/20 Javascript
jquery中动态效果小结
2010/12/16 Javascript
jquery js 获取时间差、时间格式具体代码
2013/06/05 Javascript
调用HttpHanlder的几种返回方式小结
2013/12/20 Javascript
javascript事件冒泡详解和捕获、阻止方法
2014/04/12 Javascript
Jquery简单实现GridView行高亮的方法
2015/06/15 Javascript
详解JavaScript函数
2015/12/01 Javascript
JS实现CheckBox复选框全选、不选或全不选功能
2020/07/28 Javascript
AngularJS中的表单简单入门
2016/07/28 Javascript
javascript轮播图算法
2016/10/21 Javascript
Ionic + Angular.js实现图片轮播的方法示例
2017/05/21 Javascript
微信小程序中实现手指缩放图片的示例代码
2018/03/13 Javascript
使用Vue动态生成form表单的实例代码
2018/04/26 Javascript
JavaScript常见事件对象与操作实例总结
2019/01/05 Javascript
Javascript模拟实现new原理解析
2020/03/03 Javascript
在Vue中使用Viser说明(基于AntV-G2可视化引擎)
2020/10/28 Javascript
[01:02:07]Liquid vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
寻找网站后台地址的python脚本
2014/09/01 Python
跟老齐学Python之编写类之一创建实例
2014/10/11 Python
Django使用HttpResponse返回图片并显示的方法
2018/05/22 Python
python爬虫爬取图片的简单代码
2021/01/18 Python
html5的localstorage详解
2017/05/09 HTML / CSS
阿迪达斯德国官方网站:adidas德国
2017/07/12 全球购物
阿里巴巴美国:Alibaba美国
2019/11/24 全球购物
J2EE是技术还是平台还是框架
2016/08/14 面试题
洗车工岗位职责
2014/03/15 职场文书
小学数学教学经验交流材料
2014/05/22 职场文书
拉拉队口号
2014/06/16 职场文书
班级读书活动总结
2014/06/30 职场文书
银行竞聘上岗演讲稿
2014/09/12 职场文书
使用pipenv管理python虚拟环境的全过程
2021/09/25 Python