最近工作中接触到的URL传参比较多，就抽空写了个小工具
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>URL参数查看</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript">
function GetPrarm()
{
var showResultDiv = document.getElementById("showPrarm");
var _url = document.getElementById("txt_URL").value;
if(_url.indexOf('?')>0 && _url.split('?')[1].length>0)
{
var prarmList = _url.split('?')[1];
if(prarmList.indexOf('&')>0)
{
var prarmDetileList = prarmList.split('&')
showResultDiv.innerHTML = GetPrarmCountHTML(prarmDetileList.length,GetDetilesHTML(prarmDetileList));
}
else
{
showResultDiv.innerHTML = GetPrarmCountHTML("1",GetDetilesHTML(prarmList));
}
}
else
{
showResultDiv.innerHTML = GetPrarmCountHTML("0","");
}
}
//获取参数详细信息
function GetDetilesHTML(keyAndValuesList)
{
var trHTML = "";
if(keyAndValuesList.length > 0)
{
for(var i=0;i<keyAndValuesList.length;i++)
{
var keyAndValue = keyAndValuesList[i].split('=');
trHTML += "<tr><td align='center'>"+keyAndValue[0]+"</td><td align='center'>"+keyAndValue[1]+"</td></tr>";
}
}
return trHTML;
}
//拼接HTML语句
function GetPrarmCountHTML(prarmCount,detilesHTML)
{
var tableHead = "<table border='2' style='width:300px'><tr><td align='center'>参数个数:</td><td colspan='2' align='center'>"
var tableHTML = "</td></tr><tr><td align='center'>参数名称</td><td align='center'>参数值</td></tr>"
var tableFoot = "</table>"
return tableHead+prarmCount+tableHTML+detilesHTML+tableFoot;
}
</script>
</head>
<body>
<span style="font:bold 12px/20px arial,sans-serif">请输入URL:</span></br>
<textarea id="txt_URL" cols=40 rows=10 name=text onblur="GetPrarm()" style="overflow:auto"></textarea>
<div id = "showPrarm" style="width:250px;height:500px;color:#cc0000;font:bold 12px/20px arial,sans-serif">
<table border="2" style="width:300px">
<tr>
<td align="center">参数个数:</td>
<td colspan="2"></td>
</tr>
<tr>
<td align="center">参数名称</td>
<td align="center">参数值</td>
</tr>
</table>
</div>
</body>
</html>
