使用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实现的常用的左侧导航效果
Oct 17 Javascript
使用jQuery重置(reset)表单的方法
May 05 Javascript
javascript中Array数组的迭代方法实例分析
Feb 04 Javascript
javascript实现下班倒计时效果的方法(可桌面通知)
Jul 10 Javascript
jquery实现实时改变网页字体大小、字体背景色和颜色的方法
Aug 05 Javascript
浅析javascript函数表达式
Feb 10 Javascript
javascript 数组的正态分布排序的问题
Jul 31 Javascript
AngularJS基础 ng-open 指令简单实例
Aug 02 Javascript
使用watch监听路由变化和watch监听对象的实例
Feb 24 Javascript
vue-cli 首屏加载优化问题
Nov 06 Javascript
JS字符串常用操作方法实例小结
Jun 24 Javascript
vue如何限制只能输入正负数及小数
Jul 04 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+mysql留言本源码
2009/11/11 PHP
php中的boolean(布尔)类型详解
2013/10/28 PHP
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
浅析PHP中json_encode与json_decode的区别
2020/07/15 PHP
jquery indexOf使用方法
2013/08/19 Javascript
页面载入结束自动调用js函数示例
2013/09/23 Javascript
Javascript Ajax异步读取RSS文档具体实现
2013/12/12 Javascript
JavaScript中的Truthy和Falsy介绍
2015/01/01 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
2015/05/25 Javascript
bootstrap3 兼容IE8浏览器!
2016/05/02 Javascript
jQuery实现的自定义滚动条实例详解
2016/09/20 Javascript
JavaScript中的ajax功能的概念和示例详解
2016/10/17 Javascript
jQuery时间验证和转换为标准格式的时间格式
2017/03/06 Javascript
微信小程序之网络请求简单封装实例详解
2017/06/28 Javascript
微信小程序倒计时功能实现代码
2017/11/09 Javascript
node.js将MongoDB数据同步到MySQL的步骤
2017/12/10 Javascript
Vue 使用中的小技巧
2018/04/26 Javascript
Element-ui tree组件自定义节点使用方法代码详解
2018/09/17 Javascript
js字符串倒序的实例代码
2018/11/30 Javascript
微信小程序实现展示评分结果功能
2019/02/15 Javascript
浅谈vue单页面中有多个echarts图表时的公用代码写法
2020/07/19 Javascript
jQuery实现手风琴特效
2021/01/11 jQuery
[02:51]DOTA2 2015国际邀请赛中国区预选赛第一日战报
2015/05/27 DOTA
python类参数self使用示例
2014/02/17 Python
几个适合python初学者的简单小程序,看完受益匪浅!(推荐)
2019/04/16 Python
python破解bilibili滑动验证码登录功能
2019/09/11 Python
Python双链表原理与实现方法详解
2020/02/22 Python
selenium与xpath之获取指定位置的元素的实现
2021/01/26 Python
Python xlwings插入Excel图片的实现方法
2021/02/26 Python
现代生活方式的家具和装饰:Dot & Bo
2018/12/26 全球购物
平面设计的岗位职责
2013/11/08 职场文书
知识竞赛活动方案
2014/02/18 职场文书
个人四风问题原因分析及整改措施
2014/09/28 职场文书
python某漫画app逆向
2021/03/31 Python
Python selenium的这三种等待方式一定要会!
2021/06/10 Python
微信小程序调用python模型
2022/04/21 Python