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中按位“异或”运算符使用介绍
Mar 14 Javascript
JavaScript中的关联数组问题
Mar 04 Javascript
js实现仿Windows风格选项卡和按钮效果实例
May 13 Javascript
简介JavaScript中getUTCMonth()方法的使用
Jun 10 Javascript
jQuery动态添加
Apr 07 Javascript
Node.js 实现简单小说爬虫实例
Nov 18 Javascript
Javascript for in的缺陷总结
Feb 03 Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
May 09 Javascript
Angular实现下拉框模糊查询功能示例
Jan 03 Javascript
layui问题之自动滚动二级iframe页面到指定位置的方法
Sep 18 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
Nov 04 Javascript
JS前端可视化canvas动画原理及其推导实现
Aug 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
点评山进PR-D3L三波段收音机
2021/03/02 无线电
php下正则来匹配dede模板标签的代码
2010/08/21 PHP
用PHP的超级变量$_GET获取HTML表单(Form) 数据
2011/05/07 PHP
php格式化日期和时间格式化示例分享
2014/02/24 PHP
配置eAccelerator和XCache扩展来加速PHP程序的执行
2015/12/22 PHP
你不知道的文件上传漏洞php代码分析
2016/09/29 PHP
PHP数组的定义、初始化和数组元素的显示实现代码
2016/11/05 PHP
php中引用符号(&amp;)的使用详细介绍
2016/12/06 PHP
TP框架实现上传一张图片和批量上传图片的方法分析
2020/04/23 PHP
比Jquery的document.ready更快的方法
2010/04/28 Javascript
JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
2012/02/02 Javascript
Jquery中使用setInterval和setTimeout的方法
2013/04/08 Javascript
Js,alert出现乱码问题的解决方法
2013/06/19 Javascript
javascript对JSON数据排序的3个例子
2014/04/12 Javascript
JavaScript实现三阶幻方算法谜题解答
2014/12/29 Javascript
Jquery对select的增、删、改、查操作
2015/02/06 Javascript
简单谈谈node.js 版本控制 nvm和 n
2015/10/15 Javascript
深入浅析JS是按值传递还是按引用传递(推荐)
2016/09/18 Javascript
js实现用户输入的小写字母自动转大写字母的方法
2017/01/21 Javascript
JS实现页面打印(整体、局部)
2017/08/18 Javascript
vue的toast弹窗组件实例详解
2018/05/14 Javascript
[03:12]完美世界DOTA2联赛PWL DAY9集锦
2020/11/10 DOTA
Python批量查询域名是否被注册过
2017/06/21 Python
Python列表删除的三种方法代码分享
2017/10/31 Python
PyCharm安装第三方库如Requests的图文教程
2018/05/18 Python
谈谈Python中的while循环语句
2019/03/10 Python
基于tensorflow指定GPU运行及GPU资源分配的几种方式小结
2020/02/03 Python
美国面料纺织品商城:Fabric.com
2017/06/28 全球购物
Fox Racing官方网站:越野摩托车和山地自行车装备和服装
2019/12/23 全球购物
市场营销专业毕业生求职信
2014/03/26 职场文书
保护母亲河倡议书
2014/04/14 职场文书
带刀到教室的检讨书
2014/10/04 职场文书
标准离婚协议书(2014版)
2014/10/05 职场文书
中学综治宣传月活动总结
2015/05/07 职场文书
JavaGUI模仿QQ聊天功能完整版
2021/07/04 Java/Android
MySQL索引失效场景及解决方案
2022/07/23 MySQL