使用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中的变量作用域以及变量提升详细介绍
Oct 24 Javascript
jquery中JSON的解析方式
Mar 16 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
Oct 29 Javascript
JavaScript程序设计之JS调试
Dec 09 Javascript
angular ngClick阻止冒泡使用默认行为的方法
Nov 03 Javascript
js实现漫天星星效果
Jan 19 Javascript
vue引入js数字小键盘的实现代码
May 14 Javascript
Vue常用的几个指令附完整案例
Nov 06 Javascript
angular中如何绑定iframe中src的方法
Feb 01 Javascript
用Vue.js方法创建模板并使用多个模板合成
Jun 28 Javascript
微信小程序动态设置图片大小的方法
Nov 21 Javascript
vue 移动端记录页面浏览位置的方法
Mar 11 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
PhpMyAdmin中无法导入sql文件的解决办法
2010/01/08 PHP
MySQL时间字段究竟使用INT还是DateTime的说明
2012/02/27 PHP
基于python发送邮件的乱码问题的解决办法
2013/04/25 PHP
php实现统计邮件大小的方法
2013/08/06 PHP
一组PHP加密解密函数分享
2014/06/05 PHP
YII动态模型(动态表名)支持分析
2016/03/29 PHP
JavaScript 关键字屏蔽实现函数
2009/08/02 Javascript
GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
2010/03/07 Javascript
node在两个div之间移动,用ztree实现
2013/03/06 Javascript
jQuery实现鼠标点击弹出渐变层的方法
2015/07/09 Javascript
jquery实现未经美化的简洁TAB菜单效果
2015/08/28 Javascript
js和C# 时间日期格式转换的简单实例
2016/05/28 Javascript
jQuery实现链接的title快速出现的方法
2017/02/20 Javascript
vue实现文件上传功能
2018/08/13 Javascript
NodeJS搭建HTTP服务器的实现步骤
2018/10/12 NodeJs
详解JavaScript的内存空间、赋值和深浅拷贝
2019/04/17 Javascript
微信小程序 image组件遇到的问题
2019/05/28 Javascript
Node.js学习教程之Module模块
2019/09/03 Javascript
JS实现打字游戏
2019/12/17 Javascript
JavaScript字符串转数字的简单实现方法
2020/11/27 Javascript
python局部赋值的规则
2013/03/07 Python
Python实现树莓派WiFi断线自动重连的实例代码
2017/03/16 Python
基于python实现名片管理系统
2018/11/30 Python
python pyinstaller打包exe报错的解决方法
2019/11/02 Python
在Django中实现添加user到group并查看
2019/11/18 Python
python实现交并比IOU教程
2020/04/16 Python
Python3基于print打印带颜色字符串
2020/07/06 Python
Python图像处理二值化方法实例汇总
2020/07/24 Python
NFL墨西哥官方商店:Tienda NFL
2017/11/28 全球购物
英国蜡烛、蜡烛配件和家居香氛购买网站:Yankee Candle
2018/12/12 全球购物
求职推荐信范文
2013/12/01 职场文书
大学生党课思想汇报
2013/12/29 职场文书
物业公司采购员岗位职责
2013/12/31 职场文书
经典洗发水广告词
2014/03/13 职场文书
个人校本研修方案
2014/05/26 职场文书
Windows下载并安装MySQL8.0.x 版本的完整教程
2022/04/10 MySQL