使用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 相关文章推荐
js传值 判断
Oct 26 Javascript
JS Timing
Apr 21 Javascript
QUnit jQuery的TDD框架
Nov 04 Javascript
jQuery实现表头固定效果的实例代码
May 24 Javascript
jQuery对Select的操作大集合(收藏)
Dec 28 Javascript
JQuery文本改变触发事件如聚焦事件、失焦事件
Jan 15 Javascript
DOM基础教程之事件对象
Jan 20 Javascript
JQuery实现左右滚动菜单特效
Sep 28 Javascript
JS获取和修改元素样式的实例代码
Aug 06 Javascript
Angular2自定义分页组件
Apr 19 Javascript
maptalks+three.js+vue webpack实现二维地图上贴三维模型操作
Aug 10 Javascript
vue项目开启Gzip压缩和性能优化操作
Oct 26 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
我的论坛源代码(十)
2006/10/09 PHP
php匹配字符中链接地址的方法
2014/12/22 PHP
php简单统计在线人数的方法
2016/05/10 PHP
详解PHP序列化和反序列化原理
2018/01/15 PHP
thinkPHP框架RBAC实现原理分析
2019/02/01 PHP
XML的代替者----JSON
2007/07/21 Javascript
JQuery AJAX实现目录浏览与编辑的代码
2008/10/21 Javascript
中文字符串截取的js函数代码
2013/04/17 Javascript
当鼠标移动时出现特效的JQuery代码
2013/11/08 Javascript
简单谈谈javascript代码复用模式
2015/01/28 Javascript
Jquery全屏相册插件zoomvisualizer具有调节放大与缩小功能
2015/11/02 Javascript
js实现自动轮换选项卡
2017/01/13 Javascript
详解vue-validator(vue验证器)
2017/01/16 Javascript
浅谈Webpack 是如何加载模块的
2018/05/24 Javascript
vue将单页面改造成多页面应用的方法
2018/11/25 Javascript
vue favicon设置以及动态修改favicon的方法
2018/12/21 Javascript
JavaScript设计模式--简单工厂模式定义与应用案例详解
2020/05/23 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
2020/08/21 Javascript
python机器人行走步数问题的解决
2018/01/29 Python
Python简单计算文件MD5值的方法示例
2018/04/11 Python
Php多进程实现代码
2018/05/07 Python
Python 批量合并多个txt文件的实例讲解
2018/05/08 Python
PyTorch的torch.cat用法
2020/06/28 Python
如何将Pycharm中调整字体大小的方式设置为"ctrl+鼠标滚轮上下滑"
2020/11/17 Python
ECCO英国官网:丹麦鞋履品牌
2019/09/03 全球购物
Windows和Linux动态库应用异同
2016/07/28 面试题
白酒业务员岗位职责
2013/12/27 职场文书
上课迟到检讨书
2014/02/19 职场文书
统计专业自荐书
2014/07/06 职场文书
殡葬服务心得体会
2014/09/11 职场文书
查摆问题整改措施
2014/10/24 职场文书
责任书格式
2015/01/29 职场文书
2015年艾滋病防治工作总结
2015/05/22 职场文书
小学英语教学随笔
2015/08/14 职场文书
Oracle配置dblink访问PostgreSQL的操作方法
2022/03/21 PostgreSQL
Python调用腾讯API实现人脸身份证比对功能
2022/04/04 Python