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

2019-12-18,,,,

复制代码 代码如下:
/**
 *  获取地址栏参数
 *
 * @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获取地址栏参数了呢,有疑问的话就留言吧。

您可能感兴趣的文章:

  • JS获取浏览器地址栏的多个参数值的任意值实例代码
  • js获取地址栏参数的两种方法
  • JavaScript正则获取地址栏中参数的方法
  • js获取地址栏中传递的参数(两种方法)
  • 使用js获取地址栏参数的方法推荐(超级简单)
  • JS修改地址栏参数实例代码
  • JS获取地址栏参数的两种方法(简单实用)
  • javascript模拟post提交隐藏地址栏的参数
  • javascript/jquery获取地址栏url参数的方法
  • JS如何获取地址栏的参数实例讲解

《使用JavaScript获取地址栏参数的方法.doc》

下载本文的Word格式文档,以方便收藏与打印。