13518219792
iframe(内联框架)是一种HTML元素，它允许在当前HTML文档中嵌入另一个HTML文档，iframe的主要作用有以下几点：
1、内容分割：将一个网页的内容分割成多个独立的部分，每个部分可以由不同的开发者负责维护，提高网站的可维护性和可扩展性。
2、内容分发：通过iframe可以将一个网站的内容嵌入到另一个网站中，实现内容的共享和传播。
3、广告投放：可以在一个网站中投放另一个网站的广告，提高广告收益。
4、数据统计：可以通过iframe对嵌入的网站进行数据统计，了解用户行为等信息。
5、跨域访问：由于同源策略的限制，有时候我们需要访问不同域名下的资源，这时候可以使用iframe来实现跨域访问。
6、无刷新加载内容：通过iframe可以实现无刷新加载新内容，提高用户体验。
1、HTML中的iframe标签
iframe标签的基本语法如下：
src属性用于指定要嵌入的网页的URL地址；width和height属性分别用于设置iframe的宽度和高度。
2、iframe的属性与事件
除了基本的src、width、height属性外，iframe还有一些常用的属性和事件，如下：
frameborder:设置边框的宽度，取值为0(无边框)、1(单边框)、2(双边框)、3(边框及内部间隔),默认值为0。
scrolling:设置是否显示滚动条，取值为yes(显示滚动条)或no(不显示滚动条)。
name:为iframe设置一个名称，以便在其他地方引用。
marginwidth、marginheight:分别设置iframe外部的空白边距宽度和高度。
onload:当iframe的内容加载完成时触发，可以使用JavaScript编写相应的事件处理函数。
onreadystatechange:当iframe的文档状态发生变化时触发，通常用于判断iframe是否已经加载完成。
1、问题1:如何限制iframe的高度？
答：可以使用style属性设置iframe的高度，
这样设置后，当iframe的内容超过指定高度时，会出现滚动条，如果不想出现滚动条，可以将overflow属性设置为hidden。
2、问题2:如何让iframe自适应宽高？
答：可以使用百分比设置iframe的宽度和高度，
这样设置后，iframe的宽度会自动填充父容器的宽度，高度会自动填充父容器高度的50%。
