`
shukuiyan
  • 浏览: 413558 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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 .ninedns.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.ninedns.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>

分享到:
评论
1 楼 vanjor 2010-05-24  
iframe过时了,而且不便于session等控制。
为了顶帖子,居然被迫回答javaeye长篇累牍的问题。torturing

相关推荐

    HTML iframe 用法总结收藏

    HTML iframe 用法总结收藏 HTML iframe 用法总结收藏是 HTML 中的一种框架形式,常用于在网页中嵌入其他 HTML 文档或图片。...因此,在使用 Iframe 时,需要根据实际情况进行权衡,选择合适的使用方法。

    iframe的2种用法

    `iframe`的使用为网页设计师提供了极大的灵活性,可以实现诸如内容嵌入、页面部分更新等功能。本文将深入探讨`iframe`的两种主要用法:指定页面的嵌套和动态指定页面的嵌套。 ### 1. 指定页面的嵌套 这是`iframe`...

    iframe用法

    总结,iframe作为网页开发中的一个重要工具,其用法灵活多样,但同时也需要注意它所带来的潜在问题。在实际应用中,我们需要根据项目需求权衡其利弊,并结合其他技术如AJAX、Web Components等,以实现最佳的用户体验...

    使用iframe在网页中嵌入其他网页的方法

    下面我们将详细讲解如何使用`iframe`在网页中嵌入其他网页的方法以及相关属性。 首先,`&lt;iframe&gt;` 标签的基本结构如下: ```html &lt;iframe src="目标URL" width="宽度" height="高度" frameborder="边框" margin...

    div被iframe遮住的几种情况及解决方法

    总结起来,解决DIV被IFRAME遮挡的方法有多种,从调整DIV的CSS样式,到调整IFRAME元素本身的属性,再到通过参数控制IFRAME的显示方式,都可以尝试。当然,在设计页面布局时,建议尽量避免复杂的层次结构,并且注意...

    iframe跨域常用问题和iframe页面自适应

    在网页开发中,`iframe`...总结,理解和掌握`iframe`的跨域解决方案以及自适应策略,对于开发高效且用户体验良好的Web应用至关重要。在实际应用中,还需要注意安全性、性能优化等问题,以提供更优质的网页服务。

    iframe与父页面传值(方法互调)

    在`iframe`内的页面,我们可以使用`parent`对象来访问父页面的全局变量和函数。例如,如果在`iframe`内想要调用父页面的一个名为`parentFunction`的函数,可以这样写: ```javascript parent.parentFunction(); ```...

    iframe对另一个iframe控制的Demo

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

    JS去除iframe滚动条的方法

    为了更全面地理解去除iframe滚动条的方法,我们可以总结以下几点知识点: 1. iframe元素的作用与应用场景。 2. iframe的`scrolling`属性的三个可选值及其含义。 3. 如何通过JavaScript操作iframe的属性来去除滚动条...

    js处理iframe的系列问题

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

    如何使用iframe

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

    可以左右拖动的iframe框架

    **总结** "可以左右拖动的iframe框架"是网页开发中的一种实用技巧,它结合了iframe的功能性和JavaScript的交互性,为用户提供了一种个性化的浏览体验。通过理解和应用这些知识点,开发者可以创建出更加动态、用户...

    js下判断 iframe 是否加载完成的完美方法.docx

    由于 iframe 的加载过程是异步的,因此我们需要使用合适的方法来判断 iframe 是否加载完成。本文将介绍几种判断 iframe 是否加载完成的方法。 方法一:使用 onload 事件 在 HTML 中,iframe 元素支持 onload 事件...

    iframe里无右键菜单

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

    iframe自适应高度和宽度

    在上面的例子中,使用了`onload`事件来监听`iframe`内容加载完成,然后通过`document.all['myframe']`获取到`iframe`元素,并通过`myframe.document.body.scrollHeight`获取内部文档的实际高度,最后将这个高度设置...

    ios 不支持 iframe 的完美解决方法(兼容iOS&安卓)

    在iOS和Android平台之间,网页开发常常面临一些兼容性问题,特别是在使用`iframe`元素时。`iframe`,即内联框架,常用于在单一HTML文档中嵌入其他网页内容,实现页面组件的复用。然而,iOS系统对`iframe`的处理方式...

    iframe框架\JS获取iframe元素

    ### iframe框架与JavaScript获取iframe元素详解 #### 一、引言 `iframe`是非标准HTML标签,最初由Internet Explorer浏览器引入并推广,...通过本文介绍的方法和技术,开发者可以更好地理解和掌握`iframe`的使用技巧。

    js调用iframe实现打印页面内容的方法

    通过上述介绍,我们可以了解到使用JS调用iframe实现页面内容打印的方法主要分为以下几个步骤:准备打印内容、创建并配置iframe、调用打印功能以及处理打印后的清理工作。这些技术手段为网页开发者提供了灵活的方式来...

    iframe自适应高度js demo

    首先,让我们理解`iframe`的基本用法。在HTML中,创建一个`iframe`的基本结构如下: ```html &lt;iframe src="your-source-url" width="your-width" height="your-height"&gt;&lt;/iframe&gt; ``` 这里的`src`属性指定了`...

Global site tag (gtag.js) - Google Analytics