1:IFrame 就是潜入式框架,可以在页面中嵌套的框架,
使用嵌入式框架的优点之一是:制作嵌入内容时不需要单独创建框架网页。
用作表单容器
2:<iframe>是比较灵活的一种框架,可以放到网页的任何位置
大小可以自定义
一般把它放到 表格里 ,放到层里更灵活
简单的例子
<table><tr>
<td valign="top" bgcolor="#FFFFFF" align="left" >
<IFRAME border=0 name="qqq" marginWidth=2
frameSpacing=0 marginHeight=0
frameBorder=0 noResize width="100%" scrolling=auto
height="100%" vspale="0" src="leftbar.asp"></IFRAME> </td>
</tr></table>
3: iframe元素的功能是在一个文档里内嵌一个文档,创建一个浮动的帧。其部分属性简介如下:
name:内嵌帧名称
width:内嵌帧宽度(可用像素值或百分比)
height:内嵌帧高度(可用像素值或百分比)
frameborder:内嵌帧边框
marginwidth:帧内文本的左右页边距
marginheight:帧内文本的上下页边距
scrolling:是否出现滚动条(“auto”为自动,“yes”为显示,“no”为不显示)
src:内嵌入文件的地址
style:内嵌文档的样式(如设置文档背景等)
allowtransparency:是否允许透明
明白了以上属性后,我们可用以下代码实现,在main.htm中把samper.htm文件的内容显示在一个高度为80、宽度为100%、自动显示边框的内嵌帧中:
〈iframe name="import_frame" width=100% height=80 src="samper.htm" frameborder=auto〉
〈/iframe〉
分享到:
相关推荐
#### 一、Iframe 基础概念 Iframe(Inline Frame)是一种在 HTML 文档中嵌入其他 HTML 文档的方法。它可以被看作是在一个网页内部创建另一个独立的浏览器窗口,这个窗口可以加载并显示完全不同的页面内容,而不会...
1. **iframe基础**:iframe元素允许我们在一个页面内嵌入另一个页面,通过设置`src`属性指向需要加载的HTML页面。在文件上传场景中,我们通常会创建一个隐藏的iframe,用于接收服务器返回的响应。 2. **表单提交**...
IFRAME 基础 **IFRAME(Inline Frame)** 是HTML中的一个元素,允许我们在一个网页中嵌入另一个网页。它相当于在当前页面内创建了一个小窗口,可以加载不同的网页内容。IFRAME 的基本语法如下: ```html <iframe ...
1. IFRAME基础:IFRAME(Inline Frame)是HTML中的一个标签,允许开发者在网页中嵌入另一个完整的HTML文档。它的`src`属性指定了要加载的网页地址,`width`和`height`属性定义了IFRAME的尺寸。IFRAME内的页面可以...
1. **IFrame基础**: - IFrame元素:在HTML中,`<iframe>`标签用于插入一个独立的浏览器窗口,即一个"框架",可以加载其他网页内容。 - `src`属性:指定IFrame加载的URL。 - `width`和`height`属性:设置IFrame的...
适合人群:具备一定编程基础,工作1-3年的研发人员 能学到什么: 1、使用postMessage方法来完成基座项目和子项目之间的通讯 2、使用position: fixed解决iframe的弹窗及遮罩层问题 3、使用requestFullscreen()解决...
当然,这只是一个基础的实现。在实际应用中,你可能需要考虑更多的细节,比如跨域问题。如果`iframe`加载的页面与主页面不在同一个域下,由于同源策略的限制,你可能无法直接在父页面中对`iframe`进行操作。此时,你...
1. Circular References:互相引用是最常见的内存泄漏原因,例如在 Internet Explorer 的 COM 基础设施和任何 scripting engine 之间的互相引用,objects 可以泄露内存。 2. Closures:闭包是一种特殊的互相引用,...
在讨论自适应方案之前,先了解几个与`iframe`相关的基础属性: 1. **`src`**:指定要加载的文档URL。 2. **`frameborder`**:控制是否显示边框,默认为`1`,即显示边框;可以设置为`0`隐藏边框。 3. **`scrolling`*...
综上所述,`iframe(图片过渡效果欣赏)`这个主题涵盖的内容广泛,不仅涉及到基础的HTML和CSS,还可能包括JavaScript编程、用户体验设计、网络安全以及SEO等多个方面。通过学习和实践这些知识点,开发者可以创建出既...
1. 创建一个`div`元素作为对话框的基础结构。 2. 在`div`中嵌入`iframe`元素,设置`iframe`的`src`属性指向需要加载的页面。 3. 使用CSS控制对话框的样式,包括位置、大小、背景等。 4. 使用JavaScript或jQuery来...
AdminLTE则是在Bootstrap基础上进行二次开发,专为后台管理系统设计的模板。它包含了大量的小部件、图表、表格等,可以极大地提高开发效率。 在本案例中,"AdminLTE-With-Iframe"这个名字暗示了它使用了iframe技术...
Bootstrap是世界上最受欢迎的前端开发框架之一,用于构建响应式布局和移动设备优先的Web项目。在本主题中,...对于开发者来说,这样的模板可以作为快速构建企业级后台系统的基础,减少从零开始的开发工作量。
在网页设计中,有时我们需要在页面中添加一个遮罩层,...在`right.html`, `main.html`, `left.html`, `top.html`这些文件的基础上,根据具体需求,你可以进一步调整和扩展这些概念,构建出更复杂、功能丰富的网页应用。
#### 二、`iframe`基础知识 1. **基本语法**: ```html <iframe src="url" width="宽度" height="高度" frameborder="边框宽度" scrolling="是否显示滚动条" allowfullscreen="是否允许全屏"></iframe> ``` 2. ...
3. **JavaScript基础**:引入JavaScript库,如jQuery,以简化DOM操作。或者使用原生JavaScript进行操作。在这个例子中,我们将使用原生JavaScript。 4. **事件监听**:添加`mousedown`、`mousemove`和`mouseup`事件...
这是`iframe`最基础的用法,通过设置`src`属性,我们可以直接将一个HTML页面嵌入到当前页面中。以下是一个基本的`iframe`标签示例: ```html <iframe src="http://example.com/嵌入的页面....
这个文件可能包含一个自定义的Flex组件类,该类扩展了某个基础容器,并实现了加载和处理HTMLText的逻辑。通过阅读和理解这个源码,开发者可以学习到如何在Flex环境中实现HTML的iframe功能,这对于创建富媒体应用或者...
同源策略是浏览器安全的一项基础机制,它限制了来自不同源的"文档"或脚本相互交互。当一个`iframe`加载的页面与包含它的页面不在同一个源下时,就会遇到跨域问题。为了解决这个问题,我们可以使用以下几种方法: ...
`div`是HTML中的一个基础容器元素,常用于布局和样式控制;而`iframe`则是用于在网页中嵌入另一个完整的网页或资源的框架。下面将详细介绍这两种元素及其相互作用。 `div`(Division)是HTML5中的一个块级元素,...