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 相关文章推荐
url地址自动加#号问题说明
Aug 21 Javascript
JQuery的Ajax跨域请求原理概述及实例
Apr 26 Javascript
javascript 弹出的窗口返回值给父窗口具体实现
Nov 23 Javascript
js判断元素是否隐藏的方法
Jun 09 Javascript
jquery实现可横向和竖向展开的动态下滑菜单效果
Aug 24 Javascript
javascript点击按钮实现隐藏显示切换效果
Feb 03 Javascript
基于jquery实现简单的分页控件
Mar 17 Javascript
jQuery 限制输入字符串长度
Jun 20 Javascript
Web技术实现移动监测的介绍
Sep 18 Javascript
JS实现网页抢购功能(触发,终止脚本)
Nov 27 Javascript
ES6新增的数组知识实例小结
May 23 Javascript
Vue之封装公用变量以及实现方式
Jul 31 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 中include()与require()的对比
2006/10/09 PHP
使用php记录用户通过搜索引擎进网站的关键词
2014/02/13 PHP
使用pthreads实现真正的PHP多线程(需PHP5.3以上版本)
2014/05/05 PHP
初识PHP
2014/09/28 PHP
php中chdir()函数用法实例
2014/11/13 PHP
php商品对比功能代码分享
2015/09/24 PHP
PHP利用imagick生成组合缩略图
2016/02/19 PHP
读jQuery之四(优雅的迭代)
2011/06/20 Javascript
javascript读取xml实现javascript分页
2013/12/13 Javascript
使用jQueryMobile实现滑动翻页效果的方法
2015/02/04 Javascript
js预加载图片方法汇总
2015/06/15 Javascript
javascript实现省市区三级联动下拉框菜单
2015/11/17 Javascript
node.js中 stream使用教程
2016/08/28 Javascript
微信小程序实现类似微信点击语音播放效果
2020/03/30 Javascript
JavaScript定时器常见用法实例分析
2019/11/15 Javascript
解决Vue的文本编辑器 vue-quill-editor 小图标样式排布错乱问题
2020/08/03 Javascript
详解vue v-model
2020/08/31 Javascript
JavaScript 实现下雪特效的示例代码
2020/09/09 Javascript
Python格式化css文件的方法
2015/03/10 Python
python利用正则表达式提取字符串
2016/12/08 Python
Python多线程经典问题之乘客做公交车算法实例
2017/03/22 Python
Python cookbook(数据结构与算法)字典相关计算问题示例
2018/02/18 Python
Django多数据库配置及逆向生成model教程
2020/03/28 Python
使用python采集Excel表中某一格数据
2020/05/14 Python
Python自动化之UnitTest框架实战记录
2020/09/08 Python
五分钟学会怎么用Pygame做一个简单的贪吃蛇
2021/01/06 Python
anaconda安装pytorch1.7.1和torchvision0.8.2的方法(亲测可用)
2021/02/01 Python
Android本地应用打开方法——通过html5写连接
2016/03/11 HTML / CSS
canvas三角函数模拟水波效果的示例代码
2018/07/03 HTML / CSS
HTML5 Canvas 起步(2) - 路径
2009/05/12 HTML / CSS
英国羊绒服装购物网站:Pure Collection
2018/10/22 全球购物
Servlet如何得到服务器的信息
2015/12/22 面试题
文明寝室申报材料
2014/05/12 职场文书
党的作风建设心得体会
2014/10/22 职场文书
小学生思想品德评语
2014/12/31 职场文书
简历自我评价:教师师德表现自我评价
2019/04/24 职场文书