Question

iframe如何使用javascript替换内容？

当页面加载完成时，iframe已经将对应的网址内容显示完成了。
浏览者与网页进行一些交互后，需要把更改反应在iframe中，比如，修改了样式、或HTML代码，该如何实现呢？
我希望只刷新iframe元素就可以完成，而不是再重新加载页面。

有没有方法，可以完全替换掉iframe的css、js、html代码，而不用与服务器交互？只在客户端就完成的？
或者需要服务器参与，只刷新iframe的？
再退一步，能成功显示改变就可以的。
请告之详细方法，谢谢！

Answer 1

可以，使用
contentWindow来获取iframe的window对象

如
<iframe id="aaa"></iframe>
...
document.getElementById("aaa").onload = function(){
alert(document.getElementById("aaa").contentWindow.document.body.innerHTML);
};

追问

请问，css和js，可以被替换吗？使用字符串，替换原来的文件。
比如，原来html文件载入了1.css和1.js两个文件。我需要取消这两个文件，使用新的更改的脚本和样式来替换它，不以重新加载文件的形式，而是以字符串的形式。

追答

动态创建dom对象
比如
contentWindow.document.createElement
contentWIndow.document.body.appendChild()

Answer 2

读取文本全部 用回车 \n 做分隔符,javascript替换iframe的src...

其实把1.txt的内容写到一个js文件里面做成数组式 用javascript+ajax调用或替换iframe会好点...个人意见

追问

请问，iframe可以以post方式发送参数吗？怎样弄呢？

Answer 3

可以，使用
contentWindow来获取iframe的window对象

如
<iframe id="aaa"></iframe>
...
document.getElementById("aaa").onload = function(){
alert(document.getElementById("aaa").contentWindow.document.body.innerHTML);
};