很多人一直都有个想法要是可鉯随心所欲的操作js iframee就好了。这样静态页面也就有了相当于后台动态页面php,jsp,asp中includerequire实现统一多页面布局的能力。

通过javascript的帮忙我们可以像后台一样動态加载操作js iframee对象属性src指向的html页面的内容这样的操作需要提供两个页面，一个页面是js iframee所在页面(页面名称：iPage.html)另一个页面是js iframee属性src指向页面（页面名称：srcPage.html）。

大家都知道js iframee是非标准html标签它是由ie浏览器推出的多布局标签, 随后Mozilla也支持了这个标签。(闲话嘿嘿)

后来听说可以在后台防圵这样的事情发生，算是松了口气不过还是希望firefox新版本可以解决这样的危险。）

兼容这两种浏览器的方法现在也出来了，就是使用contentWindow这個方法

嘿嘿！操作js iframee是不是可以随心所欲了呢？如果还觉得不爽你甚至可以重写js iframee里的内容。

三、重写js iframee里的内容
通过designMode（设置文档为可编辑設计模式）和contentEditable（设置内容为可编辑）你可以重写js iframee里的内容。代码：

firebug测试以上代码性能,如图

效果没有变时间效率是注释前的将近三倍。嘿嘿那两个对象是参考网络一些人的写法，重写js iframee里内容其实没有必要用designMode和contentEditable，除非有其他的需求

四、js iframee自适应高度
有了上面的原理要实現这个相当简单，就是把js iframee的height值设置成它里面文档的height值就可以代码：