`

iframe框架的用法

阅读更多

关键字:web应用;Iframe框架;Iframe


<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>即可,注意这个做法是整个表格包括文字也有想同透明度,如果只是要背景图片透明则需要将表格和图片放到不同层里面互不干扰才行。



网址http://zhaohuo.icgoo.net/ 采用了iframe技术,并且做了css处理,页面更合理

分享到:
评论

相关推荐

    iframe框架用法收藏

    ### Iframe框架用法详解 #### 一、Iframe标记简介及基本用法 Iframe,全称为**Inline Frame**,是一种特殊的HTML标签,用于在当前网页中嵌入另一个HTML文档或其他类型的文件,如图像、视频等。它可以看作是一个...

    可以左右拖动的iframe框架

    "可以左右拖动的iframe框架"是一种创新的实现方式,它允许用户通过鼠标在水平方向上移动iframe,从而提供了更灵活的网页布局和用户体验。下面将详细讲解这个知识点。 **Iframe(Inline Frame)** 是HTML中的一个...

    在iframe框架中打开页面的方法

    使用iframe框架可以在不离开当前页面的情况下打开新的页面,这对于需要在同一页面内操作多个内容块的场景非常有用。 在iframe框架中打开页面,通常涉及到HTML和JavaScript技术。这里涉及到的知识点主要包括: 1. ...

    iframe框架中实现打开多窗口方法

    然而,在iframe框架中实现打开多窗口的方法,则是一项更为高级且实用的技术。本文将基于给定文件的信息,深入探讨在iframe框架中实现多窗口打开的方法及其背后的原理。 ### 关键知识点一:`target`属性与`name`属性...

    iframe框架使用(完美版)

    "iframe框架使用(完美版)"这一主题着重讲解了如何高效、灵活地运用iframe,并解决其中的一些常见问题,如自适应高度的设定以及通过JavaScript进行封装。 首先,我们要理解iframe的基本用法。`&lt;iframe&gt;`标签通常包含...

    JAVASCRIPT让IFRAME框架的高度自适应

    在这篇文章中,我们将介绍使用JavaScript来让IFRAME框架的高度自适应的方法。首先,我们需要定义一个函数来获取当前页面的高度。这个函数可以使用document.body.offsetHeight或document.body.scrollHeight来获取页面...

    iframe框架上传.rar

    在ASP(Active Server Pages)开发...Iframe框架通常用于异步上传,通过隐藏的iframe来接收服务器返回的结果,使得上传操作不会刷新整个页面,提供更好的用户体验。用户可以解压文件,查看示例代码,了解具体实现细节。

    iframe框架与主框架通信模块例子.zip

    在网页开发中,有时我们需要在不同的域之间进行通信,特别是在使用iframe框架时。"iframe框架与主框架通信模块例子.zip" 提供了一个解决方案,它演示了如何在iframe和其父页面(即顶层页面)之间实现跨域通信。这种...

    lhgdialog文件加跨iframe框架使用

    在这个主题中,“lhgdialog文件加跨iframe框架使用”意味着我们将探讨如何在含有iframe的页面结构中利用lhgDialog进行交互。 首先,我们来看一下lhgDialog的基本用法。lhgDialog提供了丰富的选项和方法,可以定制...

    HTML 折叠框架 iframe

    在jQuery中,我们可以使用`.slideToggle()`方法来实现元素的滑动折叠效果;而在Bootstrap中,我们可以利用其内置的`collapse`类来创建折叠区域。 以下是一个基本的HTML和JavaScript实现折叠iframe的例子: ```html...

    iframe框架透明样式

    ### iframe框架透明样式的实现与应用 在网页设计与开发过程中,经常需要使用到`&lt;iframe&gt;`元素来嵌入其他页面或内容。然而,在实际应用中可能会遇到由于内外层页面背景色不一致导致视觉效果不佳的情况。为了提高用户...

    iframe框架\JS获取iframe元素

    ### iframe框架与JavaScript获取iframe元素详解 #### 一、引言 `iframe`是非标准HTML标签,最初由Internet Explorer浏览器引入并推广,随后被Mozilla等其他浏览器所支持。`iframe`的主要用途是在当前网页中嵌入另一...

    FRAME与IFRAME的使用方法与区别

    ### FRAME与IFRAME的使用方法与区别 #### 框架的基本概念 在Web开发领域,`FRAME`与`IFRAME`都是用来展示多个文档的容器元素,但它们的工作方式有所不同。`FRAME`是一种早期的技术,它允许开发者在一个HTML页面中...

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

    内容概要:以vue2为例,搭建一个左侧导航与顶部导航的二级导航的iframe框架项目。基于iframe优雅实现全新的微前端方案,继承iframe的优点,补足 iframe 的缺点,让 iframe 焕发新生。 适合人群:具备一定编程基础,...

    JQuery IFrame框架高度自适应(支持嵌套–兼容IE,ff,safafi,chrome)

    本主题聚焦于一个特定的应用场景——"JQuery IFrame框架高度自适应",这是一个常见需求,尤其是在构建跨浏览器的多页面应用时。通过使用jQuery来实现iframe的高度自适应,我们可以确保内容在不同浏览器(包括IE、...

    自学Iframe框架

    ### 自学Iframe框架 #### 一、Iframe框架简介 Iframe(Inline Frame),即内联框架,是一种用于在当前网页中嵌入另一个网页或文档的HTML元素。通过使用`&lt;iframe&gt;`标签,可以轻松地将外部内容整合到现有页面上,...

    iframe对另一个iframe控制的Demo

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

    Iframe -web简单的WEB框架(Iframe)

    **Iframe - Web简单的WEB框架(Iframe)** 在Web开发中,`&lt;iframe&gt;`(Inline Frame)元素是一个非常实用的工具,它允许我们在一个HTML文档中嵌入另一个HTML文档,从而实现页面的分片或者内容的动态加载。`&lt;iframe&gt;`...

    关于iframe的用法

    1. **内容聚合**:网站可以使用iframe展示来自不同来源的内容,如新闻、天气预报或者社交媒体动态。 2. **页面部分更新**:在不刷新整个页面的情况下,通过iframe更新特定区域的信息,提高用户体验。 3. **广告嵌入*...

Global site tag (gtag.js) - Google Analytics