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 相关文章推荐
IE 缓存策略的BUG的解决方法
Jul 21 Javascript
js类式继承的具体实现方法
Dec 31 Javascript
javascript实现在指定元素中垂直水平居中
Sep 13 Javascript
js判断登陆用户名及密码是否为空的简单实例
May 16 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
Dec 20 Javascript
Vue.js实现简单动态数据处理
Feb 13 Javascript
Vue如何引入远程JS文件
Apr 20 Javascript
Vue声明式渲染详解
May 17 Javascript
webpack教程之webpack.config.js配置文件
Jul 05 Javascript
node文件批量重命名的方法示例
Oct 23 Javascript
layui添加动态菜单与选项卡
Jul 26 Javascript
vue实现简单图片上传
Jun 30 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
简单的cookie计数器实现源码
2013/06/07 PHP
浅谈php中mysql与mysqli的区别分析
2013/06/10 PHP
jQuery获取json后使用zy_tmpl生成下拉菜单
2015/03/27 PHP
java模拟PHP的pack和unpack类
2016/04/13 PHP
PHP中Laravel 关联查询返回错误id的解决方法
2017/04/01 PHP
PHP+Apache环境中如何隐藏Apache版本
2017/11/24 PHP
jQuery 使用手册(四)
2009/09/23 Javascript
只需一行代码,轻松实现一个在线编辑器
2013/11/12 Javascript
javascript将相对路径转绝对路径示例
2014/03/14 Javascript
在linux中使用包管理器安装node.js
2015/03/13 Javascript
Jquery简单分页实现方法
2015/07/24 Javascript
简要了解jQuery移动web开发的响应式布局设计
2015/12/04 Javascript
基于Bootstrap3表格插件和分页插件实例详解
2016/05/17 Javascript
javascript中递归的两种写法
2017/01/17 Javascript
微信小程序 request接口的封装实例代码
2017/04/26 Javascript
gulp安装以及打包合并的方法教程
2017/11/19 Javascript
关于axios不能使用Vue.use()浅析
2018/01/12 Javascript
js自定义trim函数实现删除两端空格功能
2018/02/09 Javascript
Node.js之删除文件夹(含递归删除)代码实例
2019/09/09 Javascript
Ubuntu 14.04+Django 1.7.1+Nginx+uwsgi部署教程
2014/11/18 Python
Python线程中对join方法的运用的教程
2015/04/09 Python
Python 3.7新功能之dataclass装饰器详解
2018/04/21 Python
PIL对上传到Django的图片进行处理并保存的实例
2019/08/07 Python
django 数据库连接模块解析及简单长连接改造方法
2019/08/29 Python
纯CSS实现菜单、导航栏的3D翻转动画效果
2014/04/23 HTML / CSS
瑜伽灵感珠宝:Satya Jewelry
2018/01/06 全球购物
小学生开学感言
2014/02/28 职场文书
初中升旗仪式演讲稿
2014/05/08 职场文书
个性婚礼策划方案
2014/05/17 职场文书
公司自我介绍演讲稿
2014/08/21 职场文书
党员反对四风思想汇报范文
2014/10/25 职场文书
农村老人去世追悼词
2015/06/23 职场文书
校运会宣传稿大全
2015/07/23 职场文书
PHP中->和=>的意思
2021/03/31 PHP
java协程框架quasar和kotlin中的协程对比分析
2022/02/24 Java/Android
MySQL实现字段分割一行转多行的示例代码
2022/07/07 MySQL