87,922
社区成员
发帖
与我相关
我的任务
分享请教 ：在html 中动态添加iframe ,在iframe网页中放一个图片，点击图片，iframe消失，搞了N天，搞不出来，脑子不行
在html 中动态添加iframe ,在iframe网页中放一个图片，点击图片，iframe消失
...全文
请发表友善的回复…
发表回复
ccwq 2006-08-02
- 打赏
- 举报
呵呵,顶
niaosky 2006-08-01
- 打赏
- 举报
你ｂ。ｈｔｍｌ里面没写ｏｎｃｌｉｃｋ的事件啊
加进去就好用了
b.html:
<HTML>
<BODY>
<input type="button" onClick="" value="点我">
－〉
<input type="button" onClick=" closeMe()" value="点我">
加进去就好用了
b.html:
<HTML>
<BODY>
<input type="button" onClick="" value="点我">
－〉
<input type="button" onClick=" closeMe()" value="点我">
梅雪香 2006-07-31
- 打赏
- 举报
<head>
<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>
<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>
mx1029 2006-07-31
- 打赏
- 举报
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>
ranranhu 2006-07-31
- 打赏
- 举报
贴代码看看
