iframe说明与用法

html-css026

iframe说明与用法,第1张

一、记录说明

二、iframe说明

<iframe></iframe>标签用于定义一个页面的内联框架。就是在一个html页面中分出小块,然后用iframe把其他网页嵌入进来,这小块就会显示其他html页面的内容了。

三、iframe标签常用属性

四、父、子页面常用方法

1、父页面

注意:iframe加载也需要时间(相当于重新打开一个页面),需要在父页面操作子页面,要等子页面加载完成,iframe常加上onload事件,jq常加上 $('#iframeId').load(function(){})再开始操作子页面。

2、子页面

五、实例

这里也包含了项目中写的常用的公共函数。为了方便js直接嵌入html中。因为jquery很方便,也引入了。

六、替换方法

1、ajax获取页面操作DOM加载。jquery也有提供 $('divId').load('.html') 直接加载的方法。

2、vue等框架,组件。

1、iframe里的也是一个独立的网页,只有它自己的css或它引用的css才对它有效。

当然你可以在父页面用js来控制。

2、使用css可以设置百分比,如width:100%;

IFRAME 里面的内容是在IFRAME 页面中的,可以使用js精确设置。