如何在DIV里JS动态添加iframe?

[fisherboy]

原本的代码是这样的：

<div id="mydiv">
   <iframe name="myiframe" width="195" height="126" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="a.asp"></iframe></div>

我现在要做一些改动，网页里默认是

<div id="mydiv"></div>
<input type="button" value="插入iframe" onclick="javascript:iniframe();">
<script language="javascript">
function iniframe()
{
//插入iframe的代码
}
</script>

我想在DIV 里插入一个iframe，iframe参数是第一段代码所诉。
并且我希望我每次点那个按钮，执行这个JS函数之后，iframe里的内容都是最新的。
并且div里只能有一个iframe对象。（即使我恶意点击那个按钮）

如何实现？

[孟子E章]

document.getElementById("mydiv").innerHTML = '<iframe name="myiframe" width="195" height="126" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="a.asp?'+ Date.parse(new Date()) +'"></iframe>'

[fisherboy]

我用这个方法，为什么能插入iframe,但是iframe里的内容无法显示出来，
也就是说浏览器没有去加载这个iframe的src

if (!myiframe)
	{
		myiframe=document.createElement("iframe");
		myiframe.name="showframe" ;
		myiframe.width="195";
		myiframe.height="126";
		myiframe.marginwidth="0"; 
		myiframe.marginheight="0"; 
		myiframe.hspace="0";
		myiframe.vspace="0";
		myiframe.frameborder="0";
		myiframe.scrolling="no";
		myiframe.src="list.asp?act=show&id="+myid;
		$("mydiv").appendChild(myiframe);//	mydiv是一个已经存在的div	
	}

[fisherboy]

高手在不在啊

[sohighthesky]

浏览器的bug，使用一楼方法

[dichyzhu]

document.getElementById("mydiv").innerHTML = 
'<iframe name="myiframe" width="195" height="126" marginwidth="0" 
marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" 
src="a.asp?'+Date.parse(new Date()) +'"> 
</iframe>'

[li1229363]

因为，这个不是在页面载入的时候，就完成的事件……

具体说来，页面必需遵循各种各样的规则。你事事都是用innerHTML或者outerHTML不是办法，因为页面很多时候，并不会解析这里面的内容。

当然了，是用document.write也是一样的问题。

虽然这个问题可以使用innerHTML进行解决。