使用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 相关文章推荐
JavaScript运行时库属性一览表
Mar 14 Javascript
自己实现ajax封装示例分享
Apr 01 Javascript
JQuery中基础过滤选择器用法实例分析
May 18 Javascript
Jquery和angularjs获取check框选中的值的方法汇总
Jan 17 Javascript
详解Angular中$cacheFactory缓存的使用
Aug 19 Javascript
浅谈angular懒加载的一些坑
Aug 20 Javascript
AngularJS执行流程详解
Feb 17 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
May 08 Javascript
微信分享调用jssdk实例
Jun 08 Javascript
详谈for循环里面的break和continue语句
Jul 20 Javascript
JavaScript多态与封装实例分析
Jul 27 Javascript
electron-vue开发环境内存泄漏问题汇总
Oct 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
PHP4实际应用经验篇(6)
2006/10/09 PHP
无刷新动态加载数据 滚动条加载适合评论等页面
2013/10/16 PHP
从零开始学YII2框架(二)通过 Composer 安装扩展插件
2014/08/20 PHP
PHP+MySQL实现的简单投票系统实例
2016/02/24 PHP
Laravel实现短信注册的示例代码
2018/05/29 PHP
Yii框架函数简单用法分析
2019/09/09 PHP
JavaScript Event学习第二章 Event浏览器兼容性
2010/02/07 Javascript
javascript中的prototype属性使用说明(函数功能扩展)
2010/08/16 Javascript
通过js来制作复选框的全选和不选效果
2014/05/22 Javascript
基于javascript实现九宫格大转盘效果
2020/05/28 Javascript
使用vue.js开发时一些注意事项
2016/04/27 Javascript
利用Angularjs实现幻灯片效果
2016/09/07 Javascript
Bootstrap源码解读模态弹出框(11)
2016/12/28 Javascript
BootstrapTable请求数据时设置超时(timeout)的方法
2017/01/22 Javascript
JavaScript中Object基础内部方法图
2018/02/05 Javascript
vue脚手架搭建过程图解
2018/06/06 Javascript
解决vue的 v-for 循环中图片加载路径问题
2018/09/03 Javascript
JsonProperty 的使用方法详解
2019/10/11 Javascript
python正则表达式抓取成语网站
2013/11/20 Python
python使用arcpy.mapping模块批量出图
2017/03/06 Python
Python中模块string.py详解
2017/03/12 Python
Python实现列表删除重复元素的三种常用方法分析
2017/11/24 Python
使用Python开发SQLite代理服务器的方法
2018/12/07 Python
python实现京东订单推送到测试环境,提供便利操作示例
2019/08/09 Python
ORM Django 终端打印 SQL 语句实现解析
2019/08/09 Python
python字符串拼接+和join的区别详解
2020/12/03 Python
CSS3实现10种Loading效果
2016/07/11 HTML / CSS
资生堂美国官网:Shiseido美国
2016/09/02 全球购物
瑞典快乐袜子:Happy Socks
2018/02/16 全球购物
澳大利亚墨水站Ink Station:墨水和碳粉打印机墨盒
2019/03/24 全球购物
bonprix荷兰网上商店:便宜的服装、鞋子和家居用品
2020/07/04 全球购物
医药专业应届毕业生求职信范文
2014/01/01 职场文书
银行工作检查书范文
2014/01/31 职场文书
Pytorch 如何加速Dataloader提升数据读取速度
2021/05/28 Python
浅谈Redis位图(Bitmap)及Redis二进制中的问题
2021/07/15 Redis
Python OpenCV实现图形检测示例详解
2022/04/08 Python