`
sbiigu
  • 浏览: 162577 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

学习HTML:iframe用法总结

阅读更多
<iframe>是框架的一种形式,也比较常用到。

  例子1。

<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>

不用多说了。

  width插入页的宽;height插入页的高;scrolling 是否显示页面滚动条(可选的参数为 auto、yes、no,如果省略这个参数,则默认为auto);frameborder  边框大小;

  注意:URL建议用绝对路径

  传说中百DU用:<iframe width=0 height=0 frameborder=0 scrolling=auto src=WWW .webjx.com></iframe>
黑了88*8。。。

  例子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="http://www.webjx.com/"  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" 通过以下四种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

    - **跨域通信**:使用`window.postMessage`方法实现`iframe`与主页面之间的数据交换。 - **安全性**:通过设置`sandbox`属性,限制`iframe`中的脚本行为,提高安全性。 总结,`iframe`是HTML中一个强大的工具,它...

    自学Iframe框架

    Iframe的基本用法如下: ```html &lt;iframe src="url" width="宽度" height="高度"&gt;&lt;/iframe&gt; ``` - `src`: 必须属性,表示要嵌入的页面URL。 - `width`: 定义Iframe的宽度,默认单位为像素。 - `height`: 定义...

    HTML5学习心得总结(推荐)

    以下是对HTML5学习心得的总结: 首先,HTML(HyperText Markup Language)超文本标记语言,是一种用于创建网页和网络应用的标准标记语言。HTML不是编程语言,而是一种标记语言,用来描述网页的内容和结构。HTML通过...

    iframe对另一个iframe控制的Demo

    首先,我们需要了解`iframe`的基本用法。`&lt;iframe&gt;`标签在HTML中用于创建一个内联框架,通过`src`属性指定要加载的URL。例如: ```html &lt;iframe id="leftIframe" src="left....

    iframe里无右键菜单

    总结来说,禁用`iframe`内的右键菜单主要涉及`iframe`元素的选择和`contextmenu`事件的监听与处理。通过JavaScript的事件监听和事件处理函数,我们可以轻松实现这一功能,提供更安全、可控的用户体验。

    js处理iframe的系列问题

    通过对上述知识点的学习,我们可以更加灵活地利用JavaScript来处理`iframe`中的各种问题,包括但不限于访问、修改`iframe`内部元素、提交表单、调用方法以及触发事件等。这些技巧对于开发复杂的Web应用来说是非常...

    extjsIframe例子

    总结起来,`extjsIframe例子`是一个关于在ExtJS 2.0中使用IFrame的实践示例,通过自定义组件或组件加载器实现IFrame的功能,可以用于展示或操作外部资源。`miframe.js`和`mainPanel.js`是实现这一功能的关键代码文件...

    iframe父页面与子页面互相调用

    通过本文的学习,我们了解了如何实现iframe中的父页面与子页面之间的互相调用,以及子页面中再嵌套iframe时的相关操作。这在复杂的网页应用开发中是非常有用的技巧之一。在实际项目中,还需要考虑安全性、性能等因素...

    layui-iframe.rar

    总结来说,"layui-iframe.rar"提供的内容可以帮助开发者深入理解和使用layui框架,特别是如何在后台管理系统中利用layui的iframe组件构建高效的多窗口布局。通过学习和实践,开发者能够掌握layui的模块化开发模式,...

    html页面分栏显示

    传统的分栏实现方法常常会使用`iframe`元素,但`iframe`存在一些缺点,比如加载速度慢、不利于SEO优化等。因此,本篇文章将详细探讨如何在不使用`iframe`的情况下,通过HTML和CSS来实现分栏显示。 一、HTML基础 ...

    用iframe做的遮罩层

    虽然使用`&lt;iframe&gt;`创建遮罩层可能比传统的CSS方法稍显复杂,但它的好处在于可以将遮罩层与其他内容隔离,减少潜在的样式冲突。对于简单的项目,只需要几行HTML和CSS代码就可以快速实现。例如: ```html &lt;!DOCTYPE ...

    frame,iframe,frameset区别pdf

    通过本文档的学习,初级Web开发者可以了解到frame、iframe和frameset标签的区别和基本用法。尽管现代网页设计中使用这些标签的情况不多,但在维护一些遗留系统或特定情况下,了解这些技术依然是有必要的。重要的是要...

    ajax iframe jsp 无刷新上传文件.zip

    总结,"ajax iframe jsp 无刷新上传文件.zip"包含的知识点涵盖了Ajax与Iframe结合的文件上传技术,JSP服务器端处理,JavaScript字符串操作,Struts2的验证和链接标签,以及Spring入门和JSP请求Action的方法。...

    iframe 子父界面 传值.zip

    总结,`iframe`子父界面传值是网页开发中的重要技术,通过JavaScript的`window.parent`、`postMessage`、`frames`对象,URL参数以及Web存储等方式,我们可以实现双向通信,提高用户体验和应用的交互性。在实际项目中...

    HTML5学习参考手册

    ### HTML5学习参考手册知识点详述 #### 一、HTML5概述 HTML5是超文本标记语言(HyperText Markup Language)的第五代版本,由万维网联盟(World Wide Web Consortium, W3C)制定。它是在HTML4.01的基础上进行的...

    JS操作iframe里的dom

    在本篇文章中,我们将深入探讨如何使用JS在iframe内进行DOM操作。 首先,理解iframe的基本概念至关重要。iframe(Inline Frame)是HTML中的一个元素,允许在同一个HTML文档中嵌入另一个HTML文档。这在需要在页面中...

    jquery选项 iframe选项卡

    iFrame是一个可以在页面中嵌入其他HTML文档的小窗口,通过设置选项卡的href属性指向iFrame的src,我们可以实现每个选项卡加载不同的页面。 ```html &lt;div id="iframe-tabs"&gt; &lt;li&gt;&lt;a href=...

    右下角弹出iframe广告代码(可关闭).zip

    4. **JavaScript事件处理**:在JavaScript中,可以使用`addEventListener`或`onclick`等方法为元素添加点击事件监听器。一旦用户点击关闭按钮,触发的事件处理函数会执行相应的逻辑,例如修改iframe的`display`属性...

    vue组件中使用iframe元素的示例代码

    Vue 组件中使用 iframe 元素的示例代码 本文主要介绍了 Vue 组件中使用 iframe 元素的示例代码,分享给大家,具体如下: ...通过本文的学习,读者可以更好地理解和使用 iframe 元素在 Vue 组件中的应用。

    iframe图片上传接口(某项目中的图片接口,图片存成oracle中的Blob)

    例如,对于Java,可以使用PreparedStatement的setBlob方法。 5. **图片操作**:项目实现了图片的新增、修改和删除功能。新增时,将新图片存入数据库;修改时,更新对应的Blob字段;删除时,从数据库中移除相应的...

Global site tag (gtag.js) - Google Analytics