html iframe使用的实战总结分享
时间：2024/8/9作者：未知来源：盾怪网教程人气：
- [摘要]说在前面的话，iframe是可以做很多事情的。例如：a>通过iframe实现跨域;b>使用iframe解决IE6下select遮挡不住的问题c>通过iframe解决Ajax的前进后...说在前面的话，iframe是可以做很多事情的。
例如：
a>通过iframe实现跨域;
b>使用iframe解决IE6下select遮挡不住的问题
c>通过iframe解决Ajax的前进后退问题
d>通过iframe实现异步上传。(Easyui中form组件就是用的iframe，实现表单提交时，可以提交上传域)
下面就一些问题一一论述。1、iframe基本知识：
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持 iframe 元素。
提示：您可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对无法理解 iframe 的浏览器。<iframe width=420 height=330 frameborder=0 scrolling=auto src="URL"></iframe>
可选属性：
标准属性：
2、操作iframe：
注：测试环境IE：8.0，FF：23.0.1 a>隐藏iframe表框 i>标签中设置：frameborder="0",<iframe frameborder="0" width="400" height="400" src="http://blog.csdn.net/cuew1987" scrolling="no"></iframe> ii>DOM操作： <body> <iframe frameborder="1" width="400" height="400" src="http://blog.csdn.net/cuew1987" scrolling="no" id="myiframe"></iframe> <script> var myiframe = document.getElementById("myiframe"); myiframe.style.border="none";//FF下有效，IE下无效 myiframe.setAttribute("frameborder",0);//FF下有效，IE下无效 myiframe.frameBorder = 0;//FF下有效，IE下无效 </script> </body> b>动态创建iframe <script> var newFrame = document.createElement("iframe"); newFrame.src ="http://blog.csdn.net/cuew1987"; newFrame.frameBorder = 0;//FF、IE隐藏边框有效 newFrame.width = "400px"; newFrame.height = "400px"; newFrame.scrolling = "no"; document.body.appendChild(newFrame); </script> c>获取iframe i>var obj = document.getElementById("iframeID"); 获取iframe对象，可直接操作iframe标签属性,如只想改变iframe的 src 或者 border ，scrolling 等attributes ii>var dom = frames["iframeName"]; 获取iframe的DOM对象，此对象可用来操作对象，比如想操作iframe页面中的元素。 d>获取iframe中的window对象 function getIframeWindow(obj) { //IE关键词：html iframe运用的实战总结分享