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实现连连看游戏(附源码)
Nov 05 Javascript
JS与jQ读取xml文件的方法
Dec 08 Javascript
jquery ztree实现树的搜索功能
Feb 25 Javascript
手机Web APP如何实现分享多平台功能
Aug 19 Javascript
详解jquery插件jquery.viewport.js学习使用方法
Sep 08 jQuery
vue下history模式刷新后404错误解决方法
Aug 18 Javascript
详解基于mpvue微信小程序下载远程图片到本地解决思路
May 16 Javascript
vue cli安装使用less的教程详解
Jul 12 Javascript
解决ele ui 表格表头太长问题的实现
Nov 13 Javascript
解决Antd Table表头加Icon和气泡提示的坑
Nov 17 Javascript
JavaScript实现原型封装轮播图
Dec 27 Javascript
Javascript的promise,async和await的区别详解
Mar 24 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
5.PHP的其他功能
2006/10/09 PHP
用session做客户验证时的注意事项
2006/10/09 PHP
php网页后退不再出现过期
2007/03/08 PHP
php实现加减法验证码代码
2014/02/14 PHP
Laravel 加载第三方类库的方法
2018/04/20 PHP
对采用动态原型方式无法展示继承机制得思考
2009/12/04 Javascript
鼠标移入移出事件改变图片的分辨率的两种方法
2013/12/17 Javascript
JavaScript实现倒计时代码段Item1(非常实用)
2015/11/03 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
2016/02/14 Javascript
url中的特殊符号有什么含义(推荐)
2016/06/17 Javascript
卸载安装Node.js与npm过程详解
2016/08/15 Javascript
JS实现获取当前URL和来源URL的方法
2016/08/24 Javascript
JavaScript 继承详解(六)
2016/10/11 Javascript
JS触摸屏网页版仿app弹窗型滚动列表选择器/日期选择器
2016/10/30 Javascript
使用Promise链式调用解决多个异步回调的问题
2017/01/15 Javascript
vue实现ToDoList简单实例
2017/02/07 Javascript
Angular6封装http请求的步骤详解
2018/08/13 Javascript
layui对工具条进行选择性的显示方法
2019/09/19 Javascript
vue自动添加浏览器兼容前后缀操作
2020/08/13 Javascript
[01:34]2016国际邀请赛中国区预选赛IG战队教练采访
2016/06/27 DOTA
在Python中使用异步Socket编程性能测试
2014/06/25 Python
Windows下搭建python开发环境详细步骤
2020/07/20 Python
python利用标准库如何获取本地IP示例详解
2017/11/01 Python
http请求 request失败自动重新尝试代码示例
2018/01/25 Python
Python2手动安装更新pip过程实例解析
2020/07/16 Python
韩国美国时尚服装和美容在线全球市场:KOODING
2018/11/07 全球购物
Notino匈牙利:购买香水和化妆品
2019/04/12 全球购物
农业大学毕业生的个人自我评价
2013/10/11 职场文书
外贸销售员求职的自我评价
2013/11/23 职场文书
医护人员英文求职信范文
2013/11/26 职场文书
法人授权委托书格式
2014/04/08 职场文书
财务整改报告范文
2014/11/05 职场文书
无工作证明怎么写
2015/06/15 职场文书
2016年师德学习心得体会
2016/01/12 职场文书
Java 通过手写分布式雪花SnowFlake生成ID方法详解
2022/04/07 Java/Android
html5+实现plus.io进行拍照和图片等获取
2022/06/01 HTML / CSS