<iframe>是框架的一种形式，也比较常用到。
例子1。
<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>
不用多说了。
width插入页的宽；height插入页的高；scrolling 是否显示页面滚动条（可选的参数为 auto、yes、no，如果省略这个参数，则默认为auto）；frameborder 边框大小；
注意：URL建议用绝对路径
<iframe width=0 height=0 frameborder=0 scrolling=auto src=http://www.zhangtao.org.cn></iframe>
例子2。
如果一个页面里面有框架。。随便点页面里的连接，要求在这个<iframe> 里打开。在iframe 中加入name=** （**自己设定）
<iframe name=** ></iframe>
然后在修改默认打开模式，：网页HEAD中加上<a href=URL target=**>或部分连接的目标框架设为（**）
例子3。
要插入一个页面。要求只拿中间一部分。其他的都不要。，。。
代码：
<iframe name=123 align=middle marginwidth=0 marginheight=0 vspace=-170 hspace=0 src="www.zhangtao.org.cn" frameborder=no scrolling=no width=776 height=2500></iframe>
控制插入页被框架覆盖的深度 marginwidth=0 marginheight=0；控制框架覆盖上部分的深度 vspace=-170
scrolling滚动条要否（auto、yes、no） frameborder框架的边框大小，width=776 height=2500此框架的大小。
一、页面内加入iframe
<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>，
scrolling表示是否显示页面滚动条，可选的参数为auto、yes、no，如果省略这个参数，则默认为auto。
二、超链接指向这个嵌入的网页，只要给这个iframe命名就可以了。方法是<iframe name=**>，例如我命名为aa，写入这句HTML语言<iframe width=420 height=330 name=aa frameborder=0 src=http://www.cctv.com></iframe>，然后，网页上的超链接语句应该写为：<a href=URL target=aa>
三、如果把frameborder设为1，效果就像文本框一样
透明的IFRAME的用法
必需IE5.5以上版本才支持
在transparentBody.htm文件的<body>标签中，我已经加入了style="background-color=transparent" (即出现<body style='background:transparent'>然后正常调用就可以了) 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解：
<IFRAME ID="Frame1" SRC="transparentBody.htm" allowTransparency="true"></IFRAME>
<IFRAME ID="Frame2" SRC="transparentBody.htm" allowTransparency="true" STYLE="background-color: green"> </IFRAME>
<IFRAME ID="Frame3" SRC="transparentBody.htm"></IFRAME>
<IFRAME ID="Frame4" SRC="transparentBody.htm" STYLE="background-color: green"> </IFRAME>
iframe网页背景变成透明的办法-可以把iframe中的网页的背景设置为透明
1、a.htm
<iframe src="b.htm" allowtransparency="true"></iframe>
2、b.htm
<BODY STYLE="background-color:transparent">
CSS样式表里面的阿尔法通道
在</head>之前一行插入
<style type=\"text/css\">
.tabbg{filter:alpha(opacity=透明度);}
</style>
透明度数值1～100之间
然后有背景的表格<table ....>添加<table ..... class=tabbg>即可，注意这个做法是整个表格包括文字也有想同透明度，如果只是要背景图片透明则需要将表格和图片放到不同层里面互不干扰才行。
分享到：
相关推荐
基于iframe优雅实现全新的微前端方案，继承iframe的优点，补足 iframe 的缺点，让 iframe 焕发新生。 适合人群：具备一定编程基础，工作1-3年的研发人员 能学到什么： 1、使用postMessage方法来完成基座项目和子...
在网页开发中，`<iframe>`元素是一种非常实用的工具，它允许我们在一个页面中嵌入另一个页面的内容，实现页面的组合或者隔离加载。然而，`<iframe>`的高度自适应问题常常困扰着开发者，尤其是当`<iframe>`内部的内容...
本篇文章将深入探讨两个关键知识点：`iframe`跨域问题以及`iframe`页面的自适应。 一、`iframe`跨域问题 跨域是Web开发中的一个重要概念，它限制了浏览器从一个源获取另一个源的资源，以保护用户的安全。当`iframe...
在使用easyui框架开发Web应用时，特别是在使用tab布局的时候，开发者可能会遇到页面内容被放置在iframe中时，页面多次加载的问题。这种情况尤其会在使用easyui的tab布局时发生，因为easyui会默认加载所有tab的内容，...
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能，其中包括： 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
本实例“iframe对另一个iframe控制的Demo”展示了如何通过JavaScript或者jQuery实现一个iframe对另一个iframe的交互，以及如何控制iframe的显示与隐藏。这种技术广泛应用于构建复杂的Web应用程序，如页面内的多窗口...
`iframe`跨域消息传递是解决这个问题的关键技术，它允许不同源的`iframe`和主页面之间安全地交换数据。 标题"iframe消息监听传递"主要涉及到两个核心概念：`postMessage`和`message`事件。这两个API是HTML5引入的，...
Iframe 内存泄露分析 Iframe 内存泄露分析是指在使用 Iframe 时，由于互相引用、闭包、跨页面泄漏、伪泄漏等原因，导致浏览器内存泄漏的问题。这种问题在 Ajax 盛行以前并不是什么大问题，因为都是通过页面跳转和...
在前端开发过程中，DIV元素被IFRAME遮挡是一个常见的问题，尤其是当页面布局复杂或存在多层嵌套的元素时。以下将详细阐述几种DIV被IFRAME遮挡的情况，并提供相应的解决方法。 首先，要了解的是IFRAME是一种HTML元素...
本文将详细讲解如何利用IFrame解决这些问题，特别是针对Flex菜单的遮挡问题。 首先，理解Flex和IFrame的基本概念是必要的。Flex是一种基于ActionScript和MXML的开源框架，用于构建富互联网应用程序（RIA）。而...
然而，有时嵌入的网页内容尺寸可能会超过iframe的可视区域，这时浏览器会自动为iframe添加滚动条，以便用户能够滚动查看整个内容区域。虽然这对于某些情况可能是必要的，但在其他一些情况下，开发者可能希望去除滚动...
本篇文章将详细讲解如何利用jQuery实现iframe页面的切换功能，以便于创建更丰富的用户体验和更高效的页面加载策略。 首先，我们需要理解iframe的基本概念。Iframe（Inline Frame）是HTML中的一个元素，它允许我们在...
### iframe高度自适应技术详解 在网页开发过程中，经常会遇到需要在一个页面中嵌入另一个页面的需求，这通常通过HTML的`iframe`元素实现。然而，一个常见的问题是当嵌入的内容高度变化时，如何使`iframe`的高度能够...
### iframe自适应高度和宽度详解 在Web开发中，`iframe`（Inline Frame）是一种常用的HTML元素，用于在当前页面内嵌入另一个HTML文档。它能够实现页面内部局部刷新的效果，广泛应用于各种复杂的网页布局中。然而，...
在多页面交互的场景下，`iframe`中的子页面与父页面以及与其他兄弟`iframe`之间的通信就显得尤为重要。本文将详细讲解如何实现`iframe`兄弟页面之间的相互调用。 首先，理解`iframe`的结构是关键。一个`iframe`元素...
其中，"js调用-嵌入iframe"是JS在处理页面元素，特别是与IFrame（内联框架）交互时的一个重要技术。IFrame允许在单一网页中嵌入另一个网页，从而实现内容的复用或隔离。下面我们将详细探讨这一主题。 **1. IFrame...
### 外部滚动条控制iframe：深入解析与实践 在网页设计中，iframe（Inline Frame）是一种常用的HTML元素，用于在当前文档内嵌入另一个HTML文档。然而，默认情况下，iframe内的滚动行为是独立于主页面的，即其滚动条...
标题“iframe（图片过渡效果欣赏）”暗示我们将探讨如何使用`iframe`来创建引人注目的动态图片展示。 `iframe`的基本语法如下： ```html <iframe src="URL" width="宽度" height="高度" frameborder="0" scrolling=...
然而，由于`iframe`本质上是独立的窗口，因此在不同`iframe`之间传递数据可能会遇到跨域问题。本篇文章将详细介绍如何使用JavaScript来实现在`iframe`之间传递值。 1. 同源策略与跨域限制： JavaScript遵循同源...
在这种情况下，`<iframe>` 标签成为了一个非常实用的工具。`iframe` 是 "inline frame" 的缩写，它允许我们在主页面中嵌入一个独立的、可自定义的子页面。下面我们将详细讲解如何使用`iframe`在网页中嵌入其他网页的...