用javascript获得地址栏参数的两种方法

最新推荐文章于 2025-12-02 21:41:05 发布

转载最新推荐文章于 2025-12-02 21:41:05 发布 · 212 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/cfinder010/p/3235898.html

文章标签：

#javascript #ViewUI

本文介绍两种使用JavaScript从URL中提取参数的方法。第一种方法通过解析整个URL并分割查询字符串来获取参数，第二种方法则利用String.prototype.getQuery扩展来实现。这两种方法均可用于从前端页面动态读取URL中的参数。

javascript获得地址栏参数。

方法1：

<script language="JavaScript">
//取地址栏参数
<!--
function Request(strName)
{
var strHref = "www.jbxue.com /index.html?a=1&b=1&c=测试测试";
var intPos = strHref.indexOf("?");
var strRight = strHref.substr(intPos + 1);

var arrTmp = strRight.split("&");
for(var i = 0; i < arrTmp.length; i++)
{
var arrTemp = arrTmp[i].split("=");

if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1];
}
return "";
}

alert(Request("a"));
alert(Request("b"));
alert(Request("c"));
//-->
</script>

方法二：

<script>
//取地址栏参数
String.prototype.getQuery = function(name)
{
　　var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
　　var r = this.substr(this.indexOf("\?")+1).match(reg);
　　if (r!=null) return unescape(r[2]); return null;
}
var str ="www.jbxue.com /index.html?a=1&b=1&c=测试测试";
alert(str.getQuery("a"));
alert(str.getQuery("b"));
alert(str.getQuery("c"));
</script>