首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

iframe之间静态html页面怎么传递参数

2012-10-13 
iframe之间静态html页面如何传递参数?iframe之间如何传递参数?如何根据传递过来的参数决定显示那一个UI菜

iframe之间静态html页面如何传递参数?
iframe之间如何传递参数?如何根据传递过来的参数决定显示那一个UI菜单?

HTML code
第一个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>



[解决办法]
<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>
[解决办法]
function Gs(n,s){ //获取URL传递参数
if(!s)var s=document.location.search;


var r=new RegExp("^\\?(?:"+n+"=|.+=.*&"+n+"=)([^&]+).*","i");
if(r.test(s)){
return unescape(s.replace(r,"$1"));
}else{
return "";
}


[解决办法]
第二个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;//默认为1var 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> 

热点排行