使用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 相关文章推荐
国外大牛IE版本检测!现在IE都到9了,IE检测代码
Jan 04 Javascript
JavaScript判断变量是对象还是数组的方法
Aug 28 Javascript
javascript引擎长时间独占线程造成卡顿的解决方案
Dec 03 Javascript
Jquery解析json字符串及json数组的方法
May 29 Javascript
AngularJs 指令详解及示例代码
Sep 01 Javascript
Angular.JS去掉访问路径URL中的#号详解
Mar 30 Javascript
xmlplus组件设计系列之列表(4)
Apr 26 Javascript
详解vue-router 路由元信息
Sep 13 Javascript
jQuery实现切换隐藏与显示同时切换图标功能
Oct 29 jQuery
vue 界面刷新数据被清除 localStorage的使用详解
Sep 16 Javascript
elementUI 动态生成几行几列的方法示例
Jul 11 Javascript
js实现简单抽奖功能
Nov 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 中检查或过滤IP地址的实现代码
2011/11/27 PHP
PHP基础之运算符的使用方法
2013/04/28 PHP
php+mysql不用递归实现的无限级分类实例(非递归)
2014/07/08 PHP
Linux操作系统安装LAMP环境
2015/06/26 PHP
PHP实现的简单网络硬盘
2015/07/29 PHP
thinkphp5实现无限级分类
2019/02/18 PHP
javascript学习笔记(六) Date 日期类型
2012/06/19 Javascript
jquery插件bxslider用法实例分析
2015/04/16 Javascript
javascript插件开发的一些感想和心得
2016/02/28 Javascript
基于javascript实现tab选项卡切换特效调试笔记
2016/03/30 Javascript
BootStrap表单控件之文本域textarea
2017/05/23 Javascript
vue实现表格数据的增删改查
2017/07/10 Javascript
javascript观察者模式实现自动刷新效果
2017/09/05 Javascript
JavaScript面向对象程序设计中对象的定义和继承详解
2019/07/29 Javascript
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
2020/04/07 Javascript
vue各种事件监听实例(小结)
2020/06/24 Javascript
element-ui封装一个Table模板组件的示例
2021/01/04 Javascript
Python爬取当当、京东、亚马逊图书信息代码实例
2017/12/09 Python
win10 64bit下python NLTK安装教程
2018/09/19 Python
Python读取txt内容写入xls格式excel中的方法
2018/10/11 Python
python获取微信企业号打卡数据并生成windows计划任务
2019/04/30 Python
python爬虫模块URL管理器模块用法解析
2020/02/03 Python
世界各地的当地人的食物体验:Eatwith
2019/07/26 全球购物
杭州SQL浙江浙大网新恩普软件有限公司
2013/07/27 面试题
EJB发布WEB服务一般步骤
2012/10/31 面试题
机械电子工程专业推荐信范文
2013/11/20 职场文书
四年的个人工作自我评价
2013/12/10 职场文书
生产车间主管岗位职责
2013/12/28 职场文书
买卖协议书范本
2014/04/21 职场文书
小学清明节活动总结
2014/07/04 职场文书
机关领导查摆四风思想汇报
2014/09/13 职场文书
老员工辞职信范文
2015/05/12 职场文书
党员转正党支部意见
2015/06/02 职场文书
大队委员竞选稿
2015/11/20 职场文书
担保书怎么写 ?
2019/04/22 职场文书
Tomcat配置访问日志和线程数
2022/05/06 Servers