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 相关文章推荐
jquery的Theme和Theme Switcher使用小结
Sep 08 Javascript
jQuery 选择表格(table)里的行和列及改变简单样式
Dec 15 Javascript
jQuery筛选器children()案例详解(图文)
Feb 17 Javascript
json数据的列循环示例
Sep 06 Javascript
AngularJs  unit-testing(单元测试)详解
Sep 02 Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
Oct 27 Javascript
JavaScript输出所选择起始与结束日期的方法
Jul 12 Javascript
JS实现下拉菜单列表与登录注册弹窗效果
Aug 10 Javascript
菊花转动的jquery加载动画效果
Aug 19 jQuery
解决vue项目刷新后,导航菜单高亮显示的位置不对问题
Nov 01 Javascript
JS实现分页导航效果
Feb 19 Javascript
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
Jul 22 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+mysql写的简单留言本实例代码
2008/07/25 PHP
PHP aes (ecb)解密后乱码问题
2015/06/22 PHP
laravel5.2实现区分前后台用户登录的方法
2017/01/11 PHP
PHP实现文件下载【实例分享】
2017/04/28 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
php在linux环境中如何使用redis详解
2020/12/15 PHP
浏览器页面区域大小的js获取方法
2013/09/21 Javascript
Lab.js初次使用笔记
2015/02/28 Javascript
浅谈类似于(function(){}).call()的js语句
2015/03/30 Javascript
JavaScript基本数据类型及值类型和引用类型
2015/08/25 Javascript
JavaScript操作HTML元素和样式的方法详解
2015/10/21 Javascript
浅谈JS原型对象和原型链
2016/03/02 Javascript
无缝滚动的简单实现代码(推荐)
2016/06/07 Javascript
详解Javascript获取缓存和清除缓存API
2017/05/25 Javascript
详解如何使用 vue-cli 开发多页应用
2017/12/16 Javascript
Vue.js中 v-model 指令的修饰符详解
2018/12/03 Javascript
微信小程序实现左滑删除效果
2020/11/18 Javascript
基于javascript实现移动端轮播图效果
2020/12/21 Javascript
python 生成目录树及显示文件大小的代码
2009/07/23 Python
使用python 写一个静态服务(实战)
2019/06/28 Python
CSS3之边框多颜色Border-color属性使用示例
2013/10/11 HTML / CSS
Sneaker Studio捷克:购买运动鞋
2018/07/08 全球购物
爱普生美国官网:Epson美国
2018/11/05 全球购物
介绍一下Transact-SQL中SPACE函数的用法
2015/09/01 面试题
医学生实习自我鉴定
2013/09/27 职场文书
经典优秀个人求职信分享
2013/12/12 职场文书
遥感技术与仪器求职信
2014/02/22 职场文书
计算机毕业生自荐信范文
2014/03/23 职场文书
房屋租赁协议书(标准版)
2014/10/02 职场文书
机关作风建设自查报告
2014/10/22 职场文书
幸福家庭事迹材料
2014/12/20 职场文书
2015年业务工作总结范文
2015/04/10 职场文书
党员进社区活动总结
2015/05/07 职场文书
基于CSS3画一个iPhone
2021/04/21 HTML / CSS
JavaScript严格模式不支持八进制的问题讲解
2021/11/07 Javascript
vue动态绑定style样式
2022/04/20 Vue.js