使用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父窗口控制只弹出一个子窗口
Apr 10 Javascript
css图片自适应大小
Nov 28 Javascript
ExtJS的FieldSet的column列布局
Nov 20 Javascript
几种延迟加载JS代码的方法加快网页的访问速度
Oct 12 Javascript
js实现防止被iframe的方法
Jul 03 Javascript
Node.js刷新session过期时间的实现方法推荐
May 18 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
Dec 14 Javascript
微信小程序 下拉菜单的实现
Apr 06 Javascript
React Native模块之Permissions权限申请的实例相机
Sep 28 Javascript
vue 1.x 交互实现仿百度下拉列表示例
Oct 21 Javascript
浅谈webpack对样式的处理
Jan 05 Javascript
vue 实现在函数中触发路由跳转的示例
Sep 01 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与Java进行通信的实现方法
2013/10/21 PHP
destoon数据库表说明汇总
2014/07/15 PHP
wamp服务器访问php非常缓慢的解决过程
2015/07/01 PHP
Zend Framework教程之Zend_Config_Ini用法分析
2016/03/23 PHP
Yii2.0 模态弹出框+ajax提交表单
2016/05/22 PHP
PHP函数引用返回的实例详解
2016/09/11 PHP
php 广告点击统计代码(php+mysql)
2018/02/21 PHP
解决laravel中日志权限莫名变成了root的问题
2019/10/17 PHP
又一个图片自动缩小的JS代码
2007/03/10 Javascript
jQuery 顶部导航跟随滚动条滚动固定浮动在顶部
2014/06/06 Javascript
Jquery轮播效果实现过程解析
2016/03/30 Javascript
原生JS版和jquery版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)
2016/10/29 Javascript
Bootstrap轮播图的使用和理解4
2016/12/14 Javascript
从零开始学习Node.js系列教程二:文本提交与显示方法
2017/04/13 Javascript
详解在 Angular 项目中添加 clean-blog 模板
2017/07/04 Javascript
详解Js中的模块化是如何实现的
2017/10/18 Javascript
基于Two.js实现星球环绕动画效果的示例
2017/11/06 Javascript
在小程序中使用腾讯视频插件播放教程视频的方法
2018/07/10 Javascript
ES6 中可以提升幸福度的小功能
2018/08/06 Javascript
微信小程序常用赋值方法小结
2019/04/30 Javascript
微信小程序云开发之新手环境配置
2019/05/16 Javascript
js实现内置计时器
2019/12/16 Javascript
JS中FileReader类实现文件上传及时预览功能
2020/03/27 Javascript
[04:02]2014DOTA2国际邀请赛 BBC每日综述中国战队将再度登顶
2014/07/21 DOTA
[58:42]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第一局
2016/02/27 DOTA
python局域网ip扫描示例分享
2014/04/03 Python
Python正则替换字符串函数re.sub用法示例
2017/01/19 Python
一个基于flask的web应用诞生 使用模板引擎和表单插件(2)
2017/04/11 Python
django 获取字段最大值,最新的记录操作
2020/08/09 Python
Python直接赋值及深浅拷贝原理详解
2020/09/05 Python
python实现文件分片上传的接口自动化
2020/11/19 Python
Lookfantastic瑞典:英国知名美妆购物网站
2018/04/06 全球购物
EQVVS官网:设计师男装和女装
2018/10/24 全球购物
构造方法和其他方法的区别
2016/04/26 面试题
历史学专业推荐信
2013/11/06 职场文书
高中毕业自我鉴定
2013/12/16 职场文书