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 相关文章推荐
同一个表单 根据要求递交到不同页面的实现方法小结
Aug 05 Javascript
用javascript判断IE版本号简单实用且向后兼容
Sep 11 Javascript
JS实现字体选色板实例代码
Nov 20 Javascript
Javascript改变CSS样式(局部和全局)
Dec 18 Javascript
JavaScript模拟实现继承的方法
Mar 30 Javascript
jQuery无刷新上传之uploadify3.1简单使用
Jun 18 Javascript
jQuery实现Select左右复制移动内容
Aug 05 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
Jun 08 Javascript
js实现带进度条提示的多视频上传功能
Dec 13 Javascript
JS简单数组排序操作示例【sort方法】
May 17 Javascript
Vue 无限滚动加载指令实现方法
May 28 Javascript
JavaScript 声明私有变量的两种方式
Feb 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
php中函数的形参与实参的问题说明
2010/09/01 PHP
PHP stream_context_create()作用和用法分析
2011/03/29 PHP
PHP获取浏览器信息类和客户端地理位置的2个方法
2014/04/24 PHP
Laravel框架中实现使用阿里云ACE缓存服务
2015/02/10 PHP
php接口数据加密、解密、验证签名
2015/03/12 PHP
Zend Framework入门知识点小结
2016/03/19 PHP
js之事件冒泡和事件捕获详细介绍
2013/10/28 Javascript
JS数组的常见用法实例
2015/02/10 Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
2016/07/25 Javascript
JavaScript之WebSocket技术详解
2016/11/18 Javascript
AngularJS打开页面隐藏显示表达式用法示例
2016/12/25 Javascript
jQuery实现遍历复选框的方法示例
2017/03/06 Javascript
原生js FileReader对象实现图片上传本地预览效果
2020/03/27 Javascript
Mint UI 基于 Vue.js 移动端组件库
2017/11/07 Javascript
利用百度echarts实现图表功能简单入门示例【附源码下载】
2019/06/10 Javascript
el-form 多层级表单的实现示例
2020/09/10 Javascript
js+canvas实现刮刮奖功能
2020/09/13 Javascript
使用python获取CPU和内存信息的思路与实现(linux系统)
2014/01/03 Python
Python Socket使用实例
2017/12/18 Python
Python决策树和随机森林算法实例详解
2018/01/30 Python
Numpy截取指定范围内的数据方法
2018/11/14 Python
详解python执行shell脚本创建用户及相关操作
2019/04/11 Python
Python实现时间序列可视化的方法
2019/08/06 Python
Python 写入训练日志文件并控制台输出解析
2019/08/13 Python
python 写函数在一定条件下需要调用自身时的写法说明
2020/06/01 Python
关于Python3爬虫利器Appium的安装步骤
2020/07/29 Python
使用HTML5的File实现base64和图片的互转
2013/08/01 HTML / CSS
美国婴儿和儿童服装购物网站:PatPat
2020/10/01 全球购物
Java面试题:请说出如下代码的输出结果
2013/04/22 面试题
篮球比赛拉拉队口号
2014/06/10 职场文书
2015年党员干部承诺书
2015/01/21 职场文书
自我检讨书怎么写
2015/05/07 职场文书
初中团支书竞选稿
2015/11/21 职场文书
原来实习报告是这样写的呀!
2019/07/03 职场文书
新手入门Jvm-- JVM对象创建与内存分配机制
2021/06/18 Java/Android
vue router 动态路由清除方式
2022/05/25 Vue.js