通过javascript获得url参数

2022-07-15 80酷酷网 80kuku.com

　　javascript

页面提交数据一般有两种方法：get,post。post就是所谓的form提交，使用视图；get是通过url提交。

Get方法一般用后台代码（如asp,asp.net）获得参数，代码很简单：Request.QueryString["id"];即可获取。

有些时候需要直接在前台获取url参数，要用到javascript，js没有直接获取url参数的方法，那么，我们如何通过js获取url参数呢？
阅读代码编辑代码运行效果复制HTML代码保存代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript">
function GetUrlParms()
{
    var args=new Object();
    var query=location.search.substring(1);//获取查询串
    var pairs=query.split("&");//在逗号处断开
    for(var i=0;i<pairs.length;i++)
    {
        var pos=pairs[i].indexOf('=');//查找name=value
        if(pos==-1)   continue;//如果没有找到就跳过
        var argname=pairs[i].substring(0,pos);//提取name
        var value=pairs[i].substring(pos+1);//提取value
        args[argname]=unescape(value);//存为属性
    }
    return args;
}
//使用方法：
var args = new Object();
args = GetUrlParms();
//如果要查找参数ArticleID:
var articleID = args["ArticleID"];
alert(articleID);
//如果要查找参数TypeID
var typeID = args["TypeID"];
alert(typeID);
</script>
</head>