使用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写个checkbox——类似邮箱全选功能
Mar 19 Javascript
jquery实现商品拖动选择效果代码(自写)
May 28 Javascript
node.js中的path.extname方法使用说明
Dec 09 Javascript
JavaScript中用字面量创建对象介绍
Dec 31 Javascript
javascript html5实现表单验证
Mar 01 Javascript
JavaScript中对象的不同创建方法
Aug 12 Javascript
深入理解jQuery layui分页控件的使用
Aug 17 Javascript
微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能
Aug 16 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
Aug 03 jQuery
前端面试知识点目录一览
Apr 15 Javascript
vue.js自定义组件实现v-model双向数据绑定的示例代码
Jan 08 Javascript
简单了解Vue computed属性及watch区别
Jul 10 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编写批量生成不重复的卡号密码代码
2015/05/14 PHP
WordPress中注册菜单与调用菜单的方法详解
2015/12/18 PHP
php 如何设置一个严格控制过期时间的session
2017/05/05 PHP
PHP getNamespaces()函数讲解
2019/02/03 PHP
JavaScript 无符号右移运算符
2009/04/17 Javascript
Javascript学习笔记4 Eval函数
2010/01/11 Javascript
19个很有用的 JavaScript库推荐
2011/06/27 Javascript
JS和Jquery获取和修改label的值的示例代码
2014/01/15 Javascript
如何防止回车(enter)键提交表单
2014/05/11 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
2015/09/16 Javascript
酷炫jQuery全屏3D焦点图动画效果
2016/03/22 Javascript
JS封装的自动创建表格的实现代码
2016/06/15 Javascript
JavaScript基础知识点归纳(推荐)
2016/07/09 Javascript
javascript获取以及设置光标位置
2017/02/16 Javascript
JS改变页面颜色源码分享
2018/02/24 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
2020/09/12 Javascript
Python中使用bidict模块双向字典结构的奇技淫巧
2016/07/12 Python
详解Python中的测试工具
2019/06/09 Python
python调用并链接MATLAB脚本详解
2019/07/05 Python
如何使用python3获取当前路径及os.path.dirname的使用
2019/12/13 Python
python圣诞树编写实例详解
2020/02/13 Python
pycharm 实现复制一行的快捷键
2021/01/15 Python
如何在网站上添加谷歌定位信息
2016/04/16 HTML / CSS
香蕉共和国Banana Republic官网:美国GAP旗下偏贵族风格服饰品牌
2016/11/21 全球购物
受外贸欢迎的美国主机:BlueHost
2017/05/16 全球购物
ASOS亚洲:ASOS Asia
2018/03/04 全球购物
西班牙购买行李箱和背包网站:Maletas Greenwich
2019/10/08 全球购物
巴西网上药店:Drogaria Araujo
2021/01/06 全球购物
中专毕业生自我鉴定范文
2013/11/09 职场文书
工作会议方案
2014/05/21 职场文书
实验室的标语
2014/06/20 职场文书
小区门卫岗位职责范本
2014/08/24 职场文书
搞笑的爱情检讨书
2014/10/01 职场文书
大足石刻导游词
2015/02/02 职场文书
python 模块重载的五种方法
2021/04/24 Python
canvas 中如何实现物体的框选
2022/08/05 Javascript