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 相关文章推荐
原型方法的不同写法居然会影响调试的解决方法
Mar 08 Javascript
jQuery Tools tab使用介绍
Jul 14 Javascript
当前流行的JavaScript代码风格指南
Sep 10 Javascript
jQuery中empty()方法用法实例
Jan 16 Javascript
jQuery实现类似淘宝网图片放大效果的方法
Jul 08 Javascript
JS判断图片是否加载完成方法汇总(最新版)
May 13 Javascript
基于JavaScript实现鼠标箭头移动图片跟着移动
Aug 30 Javascript
node.js Sequelize实现单实例字段或批量自增、自减
Dec 08 Javascript
JavaScript、C# URL编码、解码总结
Jan 21 Javascript
vue左侧菜单,树形图递归实现代码
Aug 24 Javascript
elementui的el-popover修改样式不生效的解决
Jun 30 Javascript
JS封装cavans多种滤镜组件
Feb 15 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去除HTML标签实例
2013/11/06 PHP
php 根据url自动生成缩略图并处理高并发问题
2014/01/23 PHP
PHP对表单提交特殊字符的过滤和处理方法汇总
2014/02/18 PHP
php修改指定文件后缀的方法
2014/09/11 PHP
php实现专业获取网站SEO信息类实例
2015/04/02 PHP
PHP基于curl模拟post提交json数据示例
2018/06/22 PHP
浅谈PHP无限极分类原理
2019/03/14 PHP
jQuery+CSS 实现的超Sexy下拉菜单
2010/01/17 Javascript
js 模拟实现类似c#下的hashtable的简单功能代码
2010/01/24 Javascript
字符串的replace方法应用浅析
2011/12/06 Javascript
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
2016/04/18 Javascript
javascript实现的全国省市县无刷新多级关联菜单效果代码
2016/08/01 Javascript
JavaScript编写一个简易购物车功能
2016/09/17 Javascript
AngularJS指令与控制器之间的交互功能示例
2016/12/14 Javascript
jQuery实现radio第一次点击选中第二次点击取消功能
2017/05/15 jQuery
解决axios会发送两次请求,有个OPTIONS请求的问题
2018/10/25 Javascript
Nodejs中获取当前函数被调用的行数及文件名详解
2018/12/12 NodeJs
Nuxt使用Vuex的方法示例
2019/09/06 Javascript
原生js实现二级联动菜单
2019/11/27 Javascript
openlayers实现地图弹窗
2020/09/25 Javascript
[43:48]Ti4正赛第一天 VG vs NEWBEE 2
2014/07/19 DOTA
python创建列表并给列表赋初始值的方法
2015/07/28 Python
Python爬取个人微信朋友信息操作示例
2018/08/03 Python
python解压TAR文件至指定文件夹的实例
2019/06/10 Python
Python with用法:自动关闭文件进程
2019/07/10 Python
Cole Haan官方网站:美国时尚潮流品牌
2017/12/06 全球购物
联想C++笔试题
2012/06/13 面试题
工厂保洁员岗位职责
2013/12/04 职场文书
计算机专业学生求职信分享
2013/12/15 职场文书
ktv总经理岗位职责
2014/02/17 职场文书
广告词串烧
2014/03/19 职场文书
监察建议书格式
2014/05/19 职场文书
争当四好少年演讲稿
2014/09/13 职场文书
四风问题对照检查材料
2014/09/22 职场文书
python使用glob检索文件的操作
2021/05/20 Python
如何利用python创作字符画
2022/06/25 Python