使用JavaScript获取地址栏参数的方法

 更新时间:2014年12月19日 15:42:27   投稿:hebedich  
这篇文章主要介绍了几种使用JavaScript获取地址栏参数的方法以及注意事项,非常的实用,这里推荐给大家

复制代码 代码如下:

/**
 *  获取地址栏参数
 *
 * @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实现excel文件导入导出

    JavaScript实现excel文件导入导出

    这篇文章主要介绍了JavaScript实现excel文件导入导出,文件的导入导出是非常常见的需求功能,excel文件的导入导出更为常见,实践中许多时候,是调用接口实现导入导出的,具体实现内容需要的小伙伴可以参考一下
    2022-06-06
  • 简单的js表格操作

    简单的js表格操作

    这篇文章主要为大家详细介绍了简单的js表格操作,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • js定时器出现第一次延迟的原因及解决方法

    js定时器出现第一次延迟的原因及解决方法

    在本篇文章里小编给大家整理的是一篇关于js定时器出现第一次延迟的原因及解决方法,对此有需要的朋友们可以学习下。
    2021-01-01
  • 浅析JSONP技术原理及实现

    浅析JSONP技术原理及实现

    这篇文章主要介绍了浅析JSONP技术原理及实现 的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • js实现数组冒泡排序、快速排序原理

    js实现数组冒泡排序、快速排序原理

    这篇文章主要为大家详细介绍了js实现数组冒泡排序、快速排序的原理,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • js前端URL含有特殊字符的转码的实现

    js前端URL含有特殊字符的转码的实现

    本文主要介绍了js前端URL含有特殊字符的转码的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-06-06
  • javascript parseInt() 函数的进制转换注意细节

    javascript parseInt() 函数的进制转换注意细节

    parseInt(string, radix) 有2个参数,第一个string 是传入的数值,第二个radix是 传入数值的进制,参数radix 可以忽略,默认为 10,各种进制的数转换为 十进制整数,接下来详细介绍,感兴趣的朋友可以了解下哦
    2013-01-01
  • 微信小程序用户授权获取手机号(getPhoneNumber)

    微信小程序用户授权获取手机号(getPhoneNumber)

    这篇文章主要给大家介绍了关于微信小程序用户授权获取手机号的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • Bootstrap开发实战之响应式轮播图

    Bootstrap开发实战之响应式轮播图

    这篇文章主要为大家详细介绍了Bootstrap开发实战之响应式轮播图,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • javascript与jquery中的this关键字用法实例分析

    javascript与jquery中的this关键字用法实例分析

    这篇文章主要介绍了javascript与jquery中的this关键字用法,结合实例形式简单分析了this关键字用于获取当前对象的使用技巧,非常简单易懂,需要的朋友可以参考下
    2015-12-12

最新评论