关键字: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 frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src="move-ad.htm"></iframe> <IFRAME>用于设置文本或图形的浮动图文框或容器。 BORDER ...
在这篇文章中,我们将介绍使用JavaScript来让IFRAME框架的高度自适应的方法。首先,我们需要定义一个函数来获取当前页面的高度。这个函数可以使用document.body.offsetHeight或document.body.scrollHeight来获取页面...
本文实例讲述了JS防止网页被嵌入iframe框架的方法。分享给大家供大家参考,具体如下: 例如: [removed] if (window!=top) // 判断当前的window对象是否是top对象 top.location.href = [removed].href; // 如果...
ASP.NET iframe 的通用用法 忘记了的同学可以下载看下
下面小编就为大家带来一篇使用jQuery和ajax代替iframe的方法(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
为了解决这个问题,可以使用 Interval 的方法,不断地获取被包含页的高度,然后进行同步。下面是一个简单的 Demo 代码: ```html <iframe id="frame_content" src="iframe_b....
大家应该可以举出几种常用的异步文件上传功能的实现方式,使用频率较多的有原生ajax和iframe框架,实现图片文件上传,下面就为大家分享图片文件上传的两种方式:原生ajax和iframe框架,供大家参考,具体内容如下 ...
在iframe框架中指定div不显示,有多种实现方法,接下来与大家分享下使用js的具体实现,感兴趣的朋友可以参考下
内容概要:以vue2为例,搭建一个左侧导航与顶部导航的二级导航的iframe框架项目。基于iframe优雅实现全新的微前端方案,继承iframe的优点,补足 iframe 的缺点,让 iframe 焕发新生。 适合人群:具备一定编程基础,...
它详细的描述了ifreme的各个用法,是学习asp.ent框架(ifrmae)的好资料
然后主管又提了一个需求,就是我们使用的是layui多标签iframe框架,当不在某个页面的iframe时不要执行定时器。我觉得这是一个挺不错的提议,而且实现起来也不难。 粗略地考虑有两个思路,一个是点击标签时开启或关闭...
iframe 元素会创建包含另外一个文档的内联框架。src属性值指向要包含的页面地址 <iframe> 标签创建包含另一个文档的行内框架。 1 2 属性 值 描述 align left/right/top/middle/ bottom 不赞成使用。请使用样式代替。...
使用方法: 基本上主框架页面不需要作任何的变动了,直接就可以用,就不讲了。 在这里主要讲一下使用tabControl: tabControl新开一个页面实际上是通过JS在主显示区域建立一个iframe 把这个iframe的src 指向我们指定...
解决方案:使用 JavaScript 库或框架来监控 iframe 中的内容变化,然后获取其内容。 3. iframe 中的内容包含其他 iframe 如果 iframe 中的内容包含其他 iframe,我们可能需要递归地获取其中的内容。 解决方案:...
1、首先来一个,跳出iframe的好方法,直接可以在Login.aspx页面使用。 if (window.parent.[IFRAME外壳的某方法]) { top.location.href = "Login.aspx"; } 2、再来段比较好看的iframe [removed] function ...
Iframe用法精析 <iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src=move-ad.htm></iframe> <IFRAME>用于设置文本或图形的浮动图文框或容器。 BORDER &...
java中简单易用的框架技术,实现一个页面内点击左边的超链接可以在右边显示具体的内容。类似frameset,但是比frameset更好用更方便
FRAMESET> <FRAME> <NOFRAMES> <IFRAME> 欲明白本篇【HTML剖析】之标记分类请看 【标记一览】。 亦请先明白围堵标记与空标记的分别请看 【HTML概念】。