`

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用法精析 &lt;iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src="move-ad.htm"&gt;&lt;/iframe&gt; &lt;IFRAME&gt;用于设置文本或图形的浮动图文框或容器。 BORDER ...

    JS防止网页被嵌入iframe框架的方法分析

    本文实例讲述了JS防止网页被嵌入iframe框架的方法。分享给大家供大家参考,具体如下: 例如: [removed] if (window!=top) // 判断当前的window对象是否是top对象 top.location.href = [removed].href; // 如果...

    ASP.NET iframe 的通用用法

    ASP.NET iframe 的通用用法 忘记了的同学可以下载看下

    使用jQuery和ajax代替iframe的方法(详解)

    下面小编就为大家带来一篇使用jQuery和ajax代替iframe的方法(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    iframe自适应宽高

    这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...

    原生ajax和iframe框架实现图片文件上传的两种方式

    大家应该可以举出几种常用的异步文件上传功能的实现方式,使用频率较多的有原生ajax和iframe框架,实现图片文件上传,下面就为大家分享图片文件上传的两种方式:原生ajax和iframe框架,供大家参考,具体内容如下 ...

    js如何设置在iframe框架中指定div不显示

    在iframe框架中指定div不显示,有多种实现方法,接下来与大家分享下使用js的具体实现,感兴趣的朋友可以参考下

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

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

    asp.net iframe的用法

    它详细的描述了ifreme的各个用法,是学习asp.ent框架(ifrmae)的好资料

    layui多iframe页面控制定时器运行的方法

    然后主管又提了一个需求,就是我们使用的是layui多标签iframe框架,当不在某个页面的iframe时不要执行定时器。我觉得这是一个挺不错的提议,而且实现起来也不难。 粗略地考虑有两个思路,一个是点击标签时开启或关闭...

    Web前端基础:HTML5浮动框架.pptx

    iframe 元素会创建包含另外一个文档的内联框架。src属性值指向要包含的页面地址 &lt;iframe&gt; 标签创建包含另一个文档的行内框架。 1 2 属性 值 描述 align left/right/top/middle/ bottom 不赞成使用。请使用样式代替。...

    页面框架+tab标签页+换肤

    使用方法: 基本上主框架页面不需要作任何的变动了,直接就可以用,就不讲了。 在这里主要讲一下使用tabControl: tabControl新开一个页面实际上是通过JS在主显示区域建立一个iframe 把这个iframe的src 指向我们指定...

    Html中 IFrame的用法及注意点

    1、首先来一个,跳出iframe的好方法,直接可以在Login.aspx页面使用。 if (window.parent.[IFRAME外壳的某方法]) { top.location.href = "Login.aspx"; } 2、再来段比较好看的iframe [removed] function ...

    HTML iframe 用法总结收藏

    Iframe用法精析 &lt;iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src=move-ad.htm&gt;&lt;/iframe&gt; &lt;IFRAME&gt;用于设置文本或图形的浮动图文框或容器。 BORDER &...

    iframe的用法

    java中简单易用的框架技术,实现一个页面内点击左边的超链接可以在右边显示具体的内容。类似frameset,但是比frameset更好用更方便

    iframe标签用法详解(属性、透明、自适应高度)

    1、iframe 定义和用法 iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 HTML 与 XHTML 之间的差异 在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中,不支持 iframe 元素。 提示和注释: 提示...

    iframe-localstorage

    实际上不可能从嵌套在不同域中的 iframe 元素中的页面使用功能(考虑到父框架域)。 为了解决这个限制,我编写了这个简单的库,它使用功能也可以在跨域框架中使用 localStorage。 为了使用它,在父窗口中包含 ...

    使用jquery/js获取iframe父子级、同级获取元素的方法

    在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1、 格式:window.frames[“iframe的name值”].document....

    完美解决JS文件页面加载时的阻塞问题

    2.iframe注入:加载一个iframe框架,通过使用iframe框架中的脚本来避免src方式加载脚本的阻塞,但是iframe元素开销较大,不推荐。 3.DOM注入:就是创建script元素,通过制定该元素的src并放入DOM树中,根据该语句...

Global site tag (gtag.js) - Google Analytics