使用JavaScript获取地址栏参数的方法


Posted in Javascript onDecember 19, 2014
/**

 *  获取地址栏参数

 *

 * @example GetUrlString('id')

 *

 * @desc    调用时加上判断,保证程序不会出错

 *             var myurl = GetUrlString('id');

 *             if (myurl != null && myurl.toString().length > 1) {

 *                  alert(GetUrlString("id"));  

 *             }

 *

 * @param String  param 要获取地址栏中的参数名

 * @return String Value

 * @type String

 *

 * @name GetUrlString()

 *

 */

function GetUrlString(param) {

    var sValue = location.search.match(new RegExp("[\?\&]" + m + "=([^\&]*)(\&?)", "i"));

    return sValue ? decodeURI(sValue[1]) : decodeURI(sValue);

}

调用的时候统一做这样的判断,避免你没有传参数的话,比如你的地址是 abc.html 后面没有参数,那强行输出调用结果有的时候会报错

window.onload = function() {    

    var myurl = GetParm("id");

    if (myurl != null && myurl.toString().length > 1) {

        alert(GetParm("id"));

    }

}

这样就不会报错了!

注释:ECMAScript v3 已从标准中删除了 unescape() 函数,并反对使用它,因此应该用 decodeURI() 和 decodeURIComponent() 取而代之。

小伙伴们是否理解了如何使用JavaScript获取地址栏参数了呢,有疑问的话就留言吧。

Javascript 相关文章推荐
jQuery 1.4 15个你应该知道的新特性(译)
Jan 24 Javascript
JS中setTimeout()的用法详解
Apr 14 Javascript
PHP abstract与interface之间的区别
Nov 11 Javascript
ExtJS4 动态生成的grid导出为excel示例
May 02 Javascript
jquery对table中各数据的增加、保存、删除操作示例
May 14 Javascript
Jquery实现顶部弹出框特效
Aug 08 Javascript
JS加载iFrame出现空白问题的解决办法
May 13 Javascript
jQuery的ajax下载blob文件
Jul 21 Javascript
AngularJS基础 ng-show 指令简单示例
Aug 03 Javascript
VueJs与ReactJS和AngularJS的异同点
Dec 12 Javascript
node上的redis调用优化示例详解
Oct 30 Javascript
windows实现npm和cnpm安装步骤
Oct 24 Javascript
JS获取各种宽度、高度的简单介绍
Dec 19 #Javascript
JQuery右键菜单插件ContextMenu使用指南
Dec 19 #Javascript
简单谈谈jQuery(function(){})与(function(){})(jQuery)
Dec 19 #Javascript
jQuery多级弹出菜单插件ZoneMenu
Dec 18 #Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
Dec 18 #Javascript
jQuery实现视频作为全屏幕背景
Dec 18 #Javascript
JS实现判断滚动条滚到页面底部并执行事件的方法
Dec 18 #Javascript
You might like
php类常量的使用详解
2013/06/08 PHP
php的慢速日志引起的Mysql错误问题分析
2014/05/13 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
js弹窗代码 可以指定弹出间隔
2010/07/03 Javascript
不要在cookie中使用特殊字符的原因分析
2010/07/13 Javascript
JS运行耗时操作的延时显示方法
2010/11/19 Javascript
鼠标移到导航当前位置的LI变色处于选中状态
2013/08/23 Javascript
一个简单的实现下拉框多选的插件可移植性比较好
2014/05/05 Javascript
Bootstrap轮播插件简单使用方法介绍
2016/06/21 Javascript
jquery文字填写自动高度的实现方法
2016/11/07 Javascript
JS库之Waypoints的用法详解
2017/09/13 Javascript
js实现登录与注册界面
2017/11/01 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
2017/12/28 Javascript
vuejs 动态添加input框的实例讲解
2018/08/24 Javascript
Vue路由history模式解决404问题的几种方法
2018/09/29 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
2020/04/27 Javascript
vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip
2020/06/02 Javascript
[09:47]2018DOTA2亚洲邀请赛4.5SOLO赛 No[o]ne vs Sumail
2018/04/06 DOTA
[48:47]VGJ.S vs NB 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python批量提交沙箱问题实例
2014/10/08 Python
python网络编程之文件下载实例分析
2015/05/20 Python
全面了解Python环境配置及项目建立
2016/06/30 Python
python+influxdb+shell编写区域网络状况表
2018/07/27 Python
Python实现批量修改图片格式和大小的方法【opencv库与PIL库】
2018/12/03 Python
Python按钮的响应事件详解
2019/03/04 Python
python实现递归查找某个路径下所有文件中的中文字符
2019/08/31 Python
python 求定积分和不定积分示例
2019/11/20 Python
Python 判断时间是否在时间区间内的实例
2020/05/16 Python
CSS3 中的@keyframes介绍
2014/09/02 HTML / CSS
HealthElement海外旗舰店:新西兰大卖场
2018/02/23 全球购物
草莓网官网:StrawberryNET
2019/08/21 全球购物
新闻学专业求职信
2014/07/28 职场文书
质检员岗位职责范本
2015/04/07 职场文书
2016年中秋祝酒词
2015/11/26 职场文书
python3实现常见的排序算法(示例代码)
2021/07/04 Python
JS前端宏任务微任务及Event Loop使用详解
2022/07/23 Javascript