6.7日学习总结之iframe

发布时间 2023-06-10 12:32:48作者: cassebl

官方解释<iframe> 标签是规定一个内联框架。

一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。

简单来说就是在web页面中可以插入一个页面框来展示其它jsp/html等页面的内容,生成一个子页面。

通常定义为:

<iframe src="iframename.jsp" name="myframe"></iframe>

的形式,其中src规定展示目标页面的名字,name为该子页面的名字,页面名字可以用来提交主页面表单信息时组织页面跳转,直接在子页面下显示,如:

<form action="iframename" target="iframename" method="post">

</form>

这样就不会因为提交信息而发生页面跳转。

iframe 通过width和height来定义大小,也可以通过在定义时添入onload="adjustIframe()"来达到自适应大小的目的

iframe包含以下属性,推荐使用css来定义iframe的样式

align        left/right/top/middle/bottom (规定如何根据周围的元素来对齐此框架。)

frameborder        1/0  ( 规定是否显示框架周围的边框。)
height        规定 iframe 的高度。    

longdesc    URL    规定一个页面,该页面包含了有关 iframe 的较长描述。
marginheight    定义 iframe 的顶部和底部的边距。
marginwidth    定义 iframe 的左侧和右侧的边距。
name        规定 iframe 的名称。
referrerpolicy——no-referrer/no-referrer-when-downgradeorigin/origin-when-cross-origin/same-origin/strict-origin-when-cross-origin/unsafe-url
规定 iframe 的名称。
sandbox    allow-forms/allow-same-origin/allow-scripts/allow-top-navigation启用一系列对 <iframe> 中内容的额外限制。
scrolling    yes/no/auto 规定是否在 iframe 中显示滚动条。(注:该项会影响滚动条功能的使用,不仅仅是影响显示————要想隐藏而不影响功能可以利用div对滚动条进行遮挡,7px应该是最好的宽度差)
seamless       规定 <iframe> 看上去像是包含文档的一部分。
src      规定在 iframe 中显示的文档的 URL。
srcdoc       规定在 <iframe> 中显示的页面的 HTML 内容。
width    定义 iframe 的宽度。