iframe之间如何传递参数？如何根据传递过来的参数决定显示那一个UI菜单？
第一个iframe的源文件如下：
<body>
<div id="tabsF">
<ul>
<li><a href="menuhtml/left1.htm?menu=1" target="left" title="链接 1"><span>基礎數據管理</span></a></li>
<li><a href="menuhtml/left2.htm?menu=2" target="left" title="链接 2"><span>培訓資源管理</span></a></li>
<li><a href="menuhtml/left3.htm?menu=3" target="left" title="链接 3"><span>課程管理</span></a></li>
这样可以传递参数给第二个name=left的iframe吗？
</ul>
</div>
<br /><br />
</body>

第二个iframe的源文件如下:
<body>
<div id="PARENT" style="background-color:#999999; color:#CC0000">
<ul id="nav">
<li>

<ul id="a1">
<li>
<a href="../customer.aspx" target="frmright" >人事資料</a></li>
<li>
<a href="../addcourse.aspx" target="frmright">主管架構</a></li>
<li>
<a href="../addcourse.aspx" target="frmright">部門資料</a></li>
<li>
<a href="../addcourse.aspx" target="frmright">部門歸類</a></li>
</ul>

<ul id="a2">
<li>
<a href="../course.aspx" target="frmright">培訓導師</a></li>
<li>
<a href="../course.aspx" target="frmright">培訓場地</a></li>
<li>
<a href="../course.aspx" target="frmright">培訓檔案</a></li>

</ul>
</li>

</ul>
</div>
</body>

<script type="text/javascript"><!--
if ( Request.QueryString("menu")=1)//这样可以获取到传递过来的参数吗？
{
这里如何显示<ul id="a1">
}
if ( Request.QueryString("menu")=2)
{
这里如何显示<ul id="a1">
}

--></script>

第一种方法：通过分析href来判断，如下：
<script type="text/javascript">
/*取URL参数*/
function getUrlParam(name){
url = location.href;
index1 = url.indexOf(name + "=");
index2 = -1;
if(index1 != -1){
index2 = url.indexOf("&",index1+1);
if(index2 == -1)
index2 = url.indexOf("#",index1+1);
}else{
return "";
}
index1 = index1 + name.length + 1;
if(index2 == -1)
return url.substr(index1);
else
return url.substr(index1,index2-index1);
}
m = getUrlParam("menu");
alert(m);
if (m==1){
document.getElementById("a1").style.display="block";
}else if(m==2){
document.getElementById("a2").style.display="block";
}else if(m==3){
document.getElementById("a3").style.display="block";
}
</script>

第二种方法是：将第二个iframe的源文件更改如下：
HTML code:
<style>
#nav ul{display:none;}
</style>
<body>
<div id="PARENT" style="background-color:#999999; color:#CC0000">
<ul id="nav">
<li>

<ul id="a1">
<li>
<a href="../customer.aspx" target="frmright" >人事資料</a></li>
<li>
<a href="../addcourse.aspx" target="frmright">主管架構</a></li>
<li>
<a href="../addcourse.aspx" target="frmright">部門資料</a></li>
<li>
<a href="../addcourse.aspx" target="frmright">部門歸類</a></li>
</ul>

<ul id="a2">
<li>
<a href="../course.aspx" target="frmright">培訓導師</a></li>
<li>
<a href="../course.aspx" target="frmright">培訓場地</a></li>
<li>
<a href="../course.aspx" target="frmright">培訓檔案</a></li>

</ul>
</li>

</ul>
</div>
</body>

<script type="text/javascript">
<!--
//分析location.href获取参数
var menu=1;//默认为1
var m=/menu=(\d+)/.exec(location.href);
if(m)menu=parseInt(m[1]);

if (m==1)document.getElementById("a1").style.display="block"
else if (menu==2)document.getElementById("a2").style.display="block"

--></script>

此文由Web开发之答疑解惑源www.znjcx.com整理，若需转载，请注明原文（iframe之间静态html页面如何传递参数?）出处：http://www.znjcx.com/html/y2012/3024_static-html-pages-how-to-pass-parameters-between-the-iframe.html

更多相关文章:
1.如何让span并排不换行？(http://www.znjcx.com/html/y2012/3021_how-to-make-side-by-side-span-doesnt-wrap.html)
2.thead元素的深层涵义(http://www.znjcx.com/html/y2012/3019_the-deep-meaning-of-thead-element.html)
3.设置DIV中的文字下居中(http://www.znjcx.com/html/y2012/3017_sets-the-div-text-in-the-bottom-center.html)
4.html页面–盒子模型的实现(http://www.znjcx.com/html/y2012/3014_implementation-of-the-html-page-the-box-model.html)
5.dreamwear中的msgbox(http://www.znjcx.com/html/y2012/3011_dreamwear-msgbox.html)