一、记录说明
二、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精确设置。