a.html:
<HTML>
<BODY>
<table>
<tr><td id="xx">
<input type="button" onClick="createIfr()" value="点我">
</td></tr>
</BODY>
</HTML>
<script language="javascript">
function createIfr(){
xx.innerHTML="<iframe name='test' src='b.html' width='100%'></iframe>";
}
function destoryIfr(){
xx.innerHTML="<input type='button' onClick='createIfr()' value='点我'>";
}
</script>b.html:
<HTML>
<BODY>
<input type="button" onClick="" value="点我">
</BODY>
</HTML>
<script language="javascript">
function closeMe(){
window.parent.destoryIfr();
}
</script>
<HTML>
<BODY>
<table>
<tr><td id="xx">
<input type="button" onClick="createIfr()" value="点我">
</td></tr>
</BODY>
</HTML>
<script language="javascript">
function createIfr(){
xx.innerHTML="<iframe name='test' src='b.html' width='100%'></iframe>";
}
function destoryIfr(){
xx.innerHTML="<input type='button' onClick='createIfr()' value='点我'>";
}
</script>b.html:
<HTML>
<BODY>
<input type="button" onClick="" value="点我">
</BODY>
</HTML>
<script language="javascript">
function closeMe(){
window.parent.destoryIfr();
}
</script>
<SCRIPT LANGUAGE="JavaScript">
<!--function addFrame(){
var frm = document.createElement("iframe");
frm.style.width="100%";
frm.style.height="100%";
frm.scrolling = "auto";
frm.src="";
document.body.appendChild(frm);
frm = document.frames[0];
frm.document.write("<body></body>");
frm.document.close(); var img = frm.document.createElement("img");
img.src="meixx.jpg";
img.attachEvent("onclick",function(){ img.ownerDocument.parentWindow.frameElement.style.display="none" });
frm.document.body.appendChild(img);
}
//
//-->
</SCRIPT></head>
<body onload="addFrame()">
</body>
加进去就好用了
b.html:
<HTML>
<BODY>
<input type="button" onClick="" value="点我">-〉
<input type="button" onClick=" closeMe()" value="点我">