`
keke_wanwei
  • 浏览: 126089 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

iframe基础

阅读更多

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 基础概念 Iframe(Inline Frame)是一种在 HTML 文档中嵌入其他 HTML 文档的方法。它可以被看作是在一个网页内部创建另一个独立的浏览器窗口,这个窗口可以加载并显示完全不同的页面内容,而不会...

    asp上传大全之四iframe上传组件

    1. **iframe基础**:iframe元素允许我们在一个页面内嵌入另一个页面,通过设置`src`属性指向需要加载的HTML页面。在文件上传场景中,我们通常会创建一个隐藏的iframe,用于接收服务器返回的响应。 2. **表单提交**...

    通过JavaScript+IFRAME实现页面分屏加载

    IFRAME 基础 **IFRAME(Inline Frame)** 是HTML中的一个元素,允许我们在一个网页中嵌入另一个网页。它相当于在当前页面内创建了一个小窗口,可以加载不同的网页内容。IFRAME 的基本语法如下: ```html &lt;iframe ...

    弹出层iframe

    1. IFRAME基础:IFRAME(Inline Frame)是HTML中的一个标签,允许开发者在网页中嵌入另一个完整的HTML文档。它的`src`属性指定了要加载的网页地址,`width`和`height`属性定义了IFRAME的尺寸。IFRAME内的页面可以...

    弹出窗口_iframe

    1. **IFrame基础**: - IFrame元素:在HTML中,`&lt;iframe&gt;`标签用于插入一个独立的浏览器窗口,即一个"框架",可以加载其他网页内容。 - `src`属性:指定IFrame加载的URL。 - `width`和`height`属性:设置IFrame的...

    vue基于iframe优雅实现全新的微前端方案,继承iframe的优点,补足 iframe 的缺点,让 iframe 焕发新生

    适合人群:具备一定编程基础,工作1-3年的研发人员 能学到什么: 1、使用postMessage方法来完成基座项目和子项目之间的通讯 2、使用position: fixed解决iframe的弹窗及遮罩层问题 3、使用requestFullscreen()解决...

    iframe里无右键菜单

    当然,这只是一个基础的实现。在实际应用中,你可能需要考虑更多的细节,比如跨域问题。如果`iframe`加载的页面与主页面不在同一个域下,由于同源策略的限制,你可能无法直接在父页面中对`iframe`进行操作。此时,你...

    Iframe内存泄露分析

    1. Circular References:互相引用是最常见的内存泄漏原因,例如在 Internet Explorer 的 COM 基础设施和任何 scripting engine 之间的互相引用,objects 可以泄露内存。 2. Closures:闭包是一种特殊的互相引用,...

    iframe自适应高度和宽度

    在讨论自适应方案之前,先了解几个与`iframe`相关的基础属性: 1. **`src`**:指定要加载的文档URL。 2. **`frameborder`**:控制是否显示边框,默认为`1`,即显示边框;可以设置为`0`隐藏边框。 3. **`scrolling`*...

    iframe(图片过渡效果欣赏)

    综上所述,`iframe(图片过渡效果欣赏)`这个主题涵盖的内容广泛,不仅涉及到基础的HTML和CSS,还可能包括JavaScript编程、用户体验设计、网络安全以及SEO等多个方面。通过学习和实践这些知识点,开发者可以创建出既...

    iframe弹出窗

    1. 创建一个`div`元素作为对话框的基础结构。 2. 在`div`中嵌入`iframe`元素,设置`iframe`的`src`属性指向需要加载的页面。 3. 使用CSS控制对话框的样式,包括位置、大小、背景等。 4. 使用JavaScript或jQuery来...

    Adminlte(bootstrap)iframe版本

    AdminLTE则是在Bootstrap基础上进行二次开发,专为后台管理系统设计的模板。它包含了大量的小部件、图表、表格等,可以极大地提高开发效率。 在本案例中,"AdminLTE-With-Iframe"这个名字暗示了它使用了iframe技术...

    bootstarp+iframe 实现局部刷新 后台模板

    Bootstrap是世界上最受欢迎的前端开发框架之一,用于构建响应式布局和移动设备优先的Web项目。在本主题中,...对于开发者来说,这样的模板可以作为快速构建企业级后台系统的基础,减少从零开始的开发工作量。

    在iframe 中页面中设置遮罩遮罩层

    在网页设计中,有时我们需要在页面中添加一个遮罩层,...在`right.html`, `main.html`, `left.html`, `top.html`这些文件的基础上,根据具体需求,你可以进一步调整和扩展这些概念,构建出更复杂、功能丰富的网页应用。

    iframe显示全部内容代码

    #### 二、`iframe`基础知识 1. **基本语法**: ```html &lt;iframe src="url" width="宽度" height="高度" frameborder="边框宽度" scrolling="是否显示滚动条" allowfullscreen="是否允许全屏"&gt;&lt;/iframe&gt; ``` 2. ...

    iframe拖动功能..........

    3. **JavaScript基础**:引入JavaScript库,如jQuery,以简化DOM操作。或者使用原生JavaScript进行操作。在这个例子中,我们将使用原生JavaScript。 4. **事件监听**:添加`mousedown`、`mousemove`和`mouseup`事件...

    iframe的2种用法

    这是`iframe`最基础的用法,通过设置`src`属性,我们可以直接将一个HTML页面嵌入到当前页面中。以下是一个基本的`iframe`标签示例: ```html &lt;iframe src="http://example.com/嵌入的页面....

    flex中的iframe源码

    这个文件可能包含一个自定义的Flex组件类,该类扩展了某个基础容器,并实现了加载和处理HTMLText的逻辑。通过阅读和理解这个源码,开发者可以学习到如何在Flex环境中实现HTML的iframe功能,这对于创建富媒体应用或者...

    iframe 跨域 自动适应高度

    同源策略是浏览器安全的一项基础机制,它限制了来自不同源的"文档"或脚本相互交互。当一个`iframe`加载的页面与包含它的页面不在同一个源下时,就会遇到跨域问题。为了解决这个问题,我们可以使用以下几种方法: ...

    div覆盖 iframe

    `div`是HTML中的一个基础容器元素,常用于布局和样式控制;而`iframe`则是用于在网页中嵌入另一个完整的网页或资源的框架。下面将详细介绍这两种元素及其相互作用。 `div`(Division)是HTML5中的一个块级元素,...

Global site tag (gtag.js) - Google Analytics