var iframeArray=new Array();//缓存的数组,放已经创建的iframe 的id
function openPage(event){
var clickSource=event.target || event.srcElement;//获得事件源
var id=clickSource.id;//获得事件源的id
if(checkIsIframe(id)==true){//判断iframe是否被创建
hiddenOtherIframe();//先隐藏所有的iframe
/*注意这个后面的id拼接,不能用jquery,要用getElementById----------------*/
document.getElementById("if"+id).style.display="";//如果被创建就显示当前事件源点击的这个iframe ("if"+id)只可以js拼接,不可以jquery拼接
}else{
createNewIframe(id,clickSource.name);//如果没创建就开始创建一个iframe
}
}
//创建新的iframe
function createNewIframe(id,src){
hiddenOtherIframe();
var modle="<iframe name='mainFream' id='if"+id+"' scrolling='no' marginheight='0' marginwidth='0' width='100%' height='100%' src='"+src+"' frameborder='0' </iframe>";
$("#iframeDiv").append(modle);
iframeArray.push(id);//添加到缓存数组里
}
//先隐藏所有的iframe
function hiddenOtherIframe(){
/*getElementsByName返回数组*/
var hiddenIframe=document.getElementsByName("mainFream");
/*for循环的是 getElementsByName返回数组的长度*/
for (var int = 0; int < hiddenIframe.length; int++) {
hiddenIframe[int].style.display="none";
}
}
//判断iframe是否创建
function checkIsIframe(id){
for(var i=0;i<iframeArray.length;i++){
if(iframeArray[i]==id){
return true;
}
}
//这句必须放在外面
return false;
}
</script>
</head>
<body>
<div class="nav_left">
<ul class="nav_title">
<li>
<div class="displayTx_2" style="display: none">
<a class="tx" name="/appContenManageUI/goods/goodsManage.jsp" id="m0"
onclick="openPage(event);">产品管理</a><!--注意name属性、id、onclick()事件源-->
<a class="tx" id="m1" href="javascript:void(0)" name="/appContenManageUI/goods/payManage.jsp"
onclick="openPage(event)">支付信息管理</a>
</div>
</li>
</ul>
</div>
<!--iframe
每次点击菜单(src),创建新的ifame,隐藏其他的ifame
-->
<div class="right_content" id="iframeDiv">
<iframe name="mainFream" scrolling="no" id="ifm0" marginheight="0" marginwidth="0" width="100%"
height="100%" src="main.jsp" frameborder="0">
</iframe>
</div>
</body>
</html>