使用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 Date对象时间格式化功能的小例子
Dec 02 Javascript
JavaScript的jQuery库插件的简要开发指南
Aug 12 Javascript
Bootstrap开关(switch)控件学习笔记分享
May 30 Javascript
js替换字符串中所有指定的字符(实现代码)
Aug 17 Javascript
浅析Javascript的自动分号插入(ASI)机制
Sep 29 Javascript
JS小数转换为整数的方法分析
Jan 07 Javascript
Javascript中引用类型传递的知识点小结
Mar 06 Javascript
JQuery.dataTables表格插件添加跳转到指定页
Jun 09 jQuery
通过示例彻底搞懂js闭包
Aug 10 Javascript
基于vue-cli npm run build之后vendor.js文件过大的解决方法
Sep 27 Javascript
JS实现马赛克图片效果完整示例
Apr 13 Javascript
vue 实现cli3.0中使用proxy进行代理转发
Oct 30 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安全技术之 实现php基本安全
2010/09/04 PHP
原生PHP实现导出csv格式Excel文件的方法示例【附源码下载】
2019/03/07 PHP
javascript 常用代码技巧大收集
2009/02/25 Javascript
jQuery入门第一课 jQuery选择符
2010/03/14 Javascript
jquery ajax 如何向jsp提交表单数据
2015/08/23 Javascript
基于BootStrap Metronic开发框架经验小结【七】数据的导入、导出及附件的查看处理
2016/05/12 Javascript
js判断主流浏览器类型和版本号的简单实现代码
2016/05/26 Javascript
基于JS实现数字+字母+中文的混合排序方法
2016/06/06 Javascript
jQuery表格的维护和删除操作
2017/02/03 Javascript
Bootstrap标签页(Tab)插件使用方法
2017/03/21 Javascript
Node.js如何实现注册邮箱激活功能 (常见)
2017/07/23 Javascript
Cropper.js 实现裁剪图片并上传(PC端)
2017/08/20 Javascript
jQuery基于cookie实现换肤功能实例
2017/10/14 jQuery
axios异步提交表单数据的几种方法
2019/08/11 Javascript
Vue.js实现大转盘抽奖总结及实现思路
2019/10/09 Javascript
详解在Vue.js编写更好的v-for循环的6种技巧
2020/04/14 Javascript
javascript 内存模型实例详解
2020/04/18 Javascript
JS this关键字在ajax中使用出现问题解决方案
2020/07/17 Javascript
python写的一个文本编辑器
2014/01/23 Python
在Python中使用PIL模块处理图像的教程
2015/04/29 Python
详解Python的Django框架中inclusion_tag的使用
2015/07/21 Python
Tensorflow简单验证码识别应用
2017/05/25 Python
Numpy数组array和矩阵matrix转换方法
2019/08/05 Python
Python学习笔记之迭代器和生成器用法实例详解
2019/08/08 Python
使用批处理脚本自动生成并上传NuGet包(操作方法)
2019/11/19 Python
python开发入门——set的使用
2020/09/03 Python
HTML5适合的情人节礼物有纪念日期功能
2021/01/25 HTML / CSS
教师师德教育的自我评价
2013/10/31 职场文书
外贸销售员求职的自我评价
2013/11/23 职场文书
毕业晚会主持词
2014/03/24 职场文书
建筑公司员工自我鉴定
2014/04/08 职场文书
2014年五一劳动节社区活动总结
2014/04/14 职场文书
大学生助学金感谢信
2015/01/21 职场文书
2016年学校“6﹒26国际禁毒日”宣传活动总结
2016/04/05 职场文书
Python中with上下文管理协议的作用及用法
2022/03/18 Python
Nginx反向代理、重定向
2022/04/13 Servers