博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iframe 解析
阅读量:7289 次
发布时间:2019-06-30

本文共 1170 字,大约阅读时间需要 3 分钟。

简介:iframe在日常的开发中经常用到,本随笔在参考http://blog.csdn.net/cuew1987/article/details/11265153的情况下,将对iframe的常用用法进行总结。

1、iframe能解决的问题

(1)、通过iframe能实现跨域

(2)、使用iframe能解决IE6下select遮挡不住的问题

(3)、通过iframe能解决Ajax前进后退的问题

(4)、通过iframe实现异步上传(Easyui的form组件就是通过iframe,实现表单提交时,可以提交上传域)

 

2、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>

 

3、iframe的基本属性

 

4、iframe访问方式

(1)、iframe访问方式大致有两种,大致如下:

i、contentWindow属性,通过iframe元素的这个属性,可获取子窗口的window对象,该属性兼容各个浏览器

ii、contentDocument属性,通过iframe元素的这个属性,可取得子窗口的document对象,该属性兼容向存在问题:Firefox 支持,大于ie8版本的ie支持.

(2)、获取子窗口document对象,代码如下:

function getIframeDoc(){    var iobj=document.createElement("iframe");     document.getElementsByTagName("body"[0].appendChild(iobj);     return iobj.contentDocument||iobj.contentWindow.document;}

(3)、通过jQuery对子页面进行操作

i、先通过jQuery获取iframe,再把jQuery对象转换成dom对象,可以通过get()方法进行转换.代码如下:

$("#myiframe")[0].contentWindow

ii、在得到iframe的window对象后,接着可以通过jquery选择器对其进行页面操作,代码如下:

 

通过上面的方法可以

转载于:https://www.cnblogs.com/GreenLeaves/p/6907412.html

你可能感兴趣的文章
sqlplus乱码
查看>>
CodeForces 213C Relay Race :从左上角到右下角再返回,每个价值计算一次,问最多收集价值 :dp...
查看>>
EFCore中SQLSERVER 2008 的分页问题
查看>>
Python中变量的绑定,或者说引用
查看>>
第一天。
查看>>
css 颜色渐变
查看>>
aaronyang的百度地图API之LBS云与.NET开发 Javascript API 2.0【把数据存到LBS云2/2】
查看>>
SparkMLlib聚类学习之KMeans聚类
查看>>
如果让莎士比亚、海明威编写JavaScript代码
查看>>
每日一“酷”之bisect
查看>>
Inherits、CodeFile、CodeBehind的区别
查看>>
用Seam实现:图片上传 + 保存到数据库 + 从数据库读出图片并显示到页面中
查看>>
802.3标准
查看>>
java爬虫笔记
查看>>
JSP导入EXCEL样式
查看>>
2.Hadoop集群安装进阶
查看>>
java研发工作组环境架设
查看>>
代码片收集
查看>>
网站备案与备案注销
查看>>
书单丨打开投资理财之路,从这25本书开始
查看>>