iframe属性，iframe基本使用

iframe框架是一种内联框架iframe属性，用于在当前HTML文档中嵌入另一个文档其基本语法为尖角号iframe，尖角号 iframeiframe标签包含五个基本属性srcwidthheightframeborder和scrollingsrc属性用于引入其他网站iframe属性的页面，width和height属性分别控制引入页面的宽度和高度frameborder属性用于控制框架边框，默认情况下。

iframe父子页面通信主要有两种方法同源页面通信方法通过iframe的id或name属性获取到子页面的window对象，进行直接调用父页面调用子页面使用windowframes#39childFrame#39childConsole调用子页面的方法子页面发送信息给父页面通过发送信息跨域页面通信方法推荐使用post。

属性设置allowTransparency属性必须设置为true，这是实现透明效果的前提内容源文档设置在iframe所加载的页面中，需要将backgroundcolor属性或ltbody元素的bgcolor属性设置为transparent，以确保iframe内容背景透明三实现步骤 包含框架页的代码在HTML页面中嵌入iframe元素，并设置allowTransparency=#34t。

lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotUTF8quot lttitlelasthtmllttitleltstyleltstyleltscript type=quottextjavascriptquotwindowonload = function var iframe = documentcreateElement #39iframe#39 iframesrc = quotindexhtmlquot iframesetAttributequotscrolling。

allow属性详解allow属性允许你控制嵌入页面的特性，通过设置特性策略，如只允许同源页面全屏或指定源的定位功能例如ltiframe src=quot allow=quotfullscreen #39src#39quotreferrerpolicy属性referrerpolicy控制iframe的来源链接策略，通过设置可以决定是否允许iframe获取页面的来源信息sandbox。

在iframe框架中使用跳转，可以通过以下几种方式实现使用target属性在iframe框架中，如果希望从一个页面跳转到另一个页面，并且希望这个跳转发生在特定的iframe中，可以使用lta标签的target属性将target属性的值设置为目标iframe的name属性值，这样点击链接时，页面就会在指定的iframe中加载父页面控制。

要实现iframe不要有滚动条但内容能完整展示，可以通过以下几种方法使用CSS的overflow属性给iframe的外部容器设置一个固定的大小，并将overflow属性设置为hidden以隐藏滚动条通过JavaScript将样式注入到iframe内部的body和html标签，将它们的overflow属性分别设置为hidden和auto这种方法虽。

在IE浏览器中，要将iframe的属性设置为透明，除了设置allowtransparency=true，还需要对iframe本身的样式进行透明化处理具体步骤如下添加allowtransparency属性在HTML中的iframe标签上添加allowtransparency=#34true#34属性这一步骤是确保iframe的内容部分可以具有透明度。

overflow属性将iframe的overflow属性设置为autoscroll或hidden设置为auto时，内容超出部分将自动显示滚动条设置为scroll时，始终显示滚动条设置为hidden时，则隐藏超出内容动态调整iframe的大小JavaScript监听与调整通过JavaScript监听iframe内部内容的高度变化，并使用windowpostMessage方法在iframe。

iframe的特性主要包括以下几点allow属性功能允许你控制嵌入页面的特性，通过设置特性策略来限制或允许某些功能使用场景例如，只允许同源页面全屏或指定源的定位功能示例ltiframe src=quot allow=quotfullscreen #39src#39quotreferrerpolicy属性功能控制iframe的来源链接策略。

上一篇： 免费php空间，php免费空间ftp

下一篇： stringstream，stringstream和string的区别