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 相关文章推荐
图片完美缩放
Sep 07 Javascript
JavaScript 学习笔记(十六) js事件
Feb 01 Javascript
js this函数调用无需再次抓获id,name或标签名
Mar 03 Javascript
使用jquery+CSS3实现仿windows10开始菜单的下拉导航菜单特效
Sep 24 Javascript
JQuery.validate在ie8下不支持的快速解决方法
May 18 Javascript
AngularJS折叠菜单实现方法示例
May 18 Javascript
解决webpack -p压缩打包react报语法错误的方法
Jul 03 Javascript
vue页面使用阿里oss上传功能的实例(一)
Aug 09 Javascript
Angular CLI 安装和使用教程
Sep 13 Javascript
详解通过源码解析Node.js中cluster模块的主要功能实现
May 16 Javascript
Bootstrap-table使用footerFormatter做统计列功能
Sep 07 Javascript
javascript实现拼图游戏
Jan 29 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
jq的get传参数在utf-8中乱码问题的解决php版
2008/07/23 PHP
PHP自定义函数收代码
2010/08/01 PHP
6种php上传图片重命名的方法实例
2013/11/04 PHP
PHP字符串中特殊符号的过滤方法介绍
2014/02/18 PHP
Windows中使用计划任务自动执行PHP程序实例
2014/05/09 PHP
在Laravel中使用DataTables插件的方法
2018/05/29 PHP
php获取是星期几的的一些常用姿势
2019/12/15 PHP
php高性能日志系统 seaslog 的安装与使用方法分析
2020/02/29 PHP
Draggable Elements 元素拖拽功能实现代码
2011/03/30 Javascript
事件绑定之小测试  onclick &amp;&amp; addEventListener
2011/07/31 Javascript
javascript定义变量时有var和没有var的区别探讨
2014/07/21 Javascript
Javascript中typeof 用法小结
2015/05/12 Javascript
jquery实现很酷的网页顶部图标下拉菜单效果
2015/08/22 Javascript
很不错的两款Bootstrap Icon图标选择组件
2016/01/28 Javascript
jQuery使用正则表达式限制文本框只能输入数字
2016/06/18 Javascript
PHP实现本地图片上传和验证功能
2017/02/27 Javascript
js实现数字递增特效【仿支付宝我的财富】
2017/05/05 Javascript
vue-cli脚手架引入图片的几种方法总结
2018/03/13 Javascript
js如何获取访问IP、地区、当前操作浏览器
2019/07/23 Javascript
vue实现用户长时间不操作自动退出登录功能的实现代码
2020/07/23 Javascript
[19:26]TNC vs EG (BO3)
2018/06/07 DOTA
Python验证码识别处理实例
2015/12/28 Python
python实现多线程的两种方式
2016/05/22 Python
Python处理PDF及生成多层PDF实例代码
2017/04/24 Python
python opencv进行图像拼接
2020/03/27 Python
Selenium向iframe富文本框输入内容过程图解
2020/04/10 Python
20行Python代码实现视频字符化功能
2020/04/13 Python
pyspark给dataframe增加新的一列的实现示例
2020/04/24 Python
python 获取域名到期时间的方法步骤
2021/02/10 Python
CSS3制作炫酷的自定义发光文字
2016/03/28 HTML / CSS
英国版MAC彩妆品牌:Illamasqua
2018/04/18 全球购物
机械制造与自动化应届生求职信
2013/11/16 职场文书
委托书模板
2014/04/04 职场文书
政协调研汇报材料
2014/08/15 职场文书
4S店销售内勤岗位职责
2015/04/13 职场文书
高中体育课教学反思
2016/02/16 职场文书