tc.html是什么页面,HTML iframe属性详细说明

HTML iframe 标签的作用是创建包含另外一个文档的内联框架(即行内框架)，通俗点的说法就是在一个html页面嵌入另外一个html页面。这个标签在实际工作中还是比较常见而且重要的。比如一般web项目的后台基本都要用到iframe，还有我们登录各种邮箱也经常会看到点击左边链接，右边网页跟着切换等的效果，基本都是通过iframe实现的，当然也有使用div实现的，不过由于iframe的简单和易用性，在这种功能设计中是div无法比拟的。

注意：网页页面使用框架会对页面的收录有一定的影响，所以在网站前台的话建议慎用frame或iframe框架。

所有浏览器都支持iframe标签，因此不存在兼容性问题。

iframe 比较常见的用法如下：

以上代码中的参数根据实际情况需要再修改，下面列举一下iframe的一些比较常见的属性。

name 设定iframe的名称

longdesc 关于iframe的描述说明，此属性基本不支持现在的主流浏览器，因此没必要使用

border 设定iframe边缘的宽度

bordercolor 设定iframe边框的颜色，值可以是rgb色，也可以是颜色名称

frameboder 设置边框是否为3维(0=否，1=是)

height 设置iframe的高度(可用像素值或百分比)

width 设置iframe的宽度(可用像素值或百分比)

marginheight 定义iframe的顶部和底部的边距

marginwidth 定义iframe的左侧和右侧的边距

scrolling 是否有滚动条(可取的值有yes,no,auto)

src 指定iframe调用的文件(可引用文件如：html,htm,gif,jpeg,jpg,png,txt,*.*)

noresize 禁止调整尺寸，这个仅支持IE核心的浏览器

allowtransparency 是否允许透明。IE5.5开始支持浮动框架的内容透明。如果想要为浮动框架定义透明内容，则必须满足下列条件。

1. 与 iframe 元素一起使用的 allowTransparency 标签属性必须设置为 true。

2. 在 iframe 内容源文档，background- color 或 body 元素的 bgColor 标签属性必须设置为 transparent。

实例如下：

(1)父框架页的代码

(2)子框架页代码(即phpernote.html页面代码)

3. 指定iframe的id属性，获取iframe滚动条的高度和宽度

var iframe=document.getElementById('phpernote');

document.write(iframe.scrollHeight);//滚动条高度

document.write(iframe.scrollWidth);//滚动条宽度

tc.html是什么页面,HTML iframe属性详细说明相关推荐

JS备忘--子父页面获取元素属性、显示时间，iframe之间互相调用函数
//页面加载完成后执行$(function() { getHW();});//当用户改变浏览器大小改变时触发$(window).resize(function() { setHW(); });//每5 ...
从父页面在iframe中调用JavaScript代码
基本上,我将iframe嵌入到页面中,并且iframe具有一些我需要从父页面调用的JavaScript例程. 现在相反非常简单,因为您只需要调用parent.functionName() ,但是不幸的 ...
大屏页面使用transform属性scale进行缩放，高德地图点击事件失效，地图展示模糊
这里写自定义目录标题大屏页面使用transform属性scale进行缩放,高德地图点击事件失效,地图展示模糊 1.大屏缩放自适应时使用tansform scale 缩放 1.1.window.res ...
iframe属性即使用
iframe通常使用其来嵌套一个网页,插入项目中通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了 <iframe src="192.168.2.11:88 ...
获得html页面的iframe,iframe属性值获取
js 如何获取包含自己iframe 属性 a.html 如何在b.html里获取包含他的iframe的id 在父页面中定义函数,再到子页面中调用. 父页面parent.html function ge ...
iframe属性参数
iframe属性参数当点击一个子页面的链接时, 如何将另一个子页面嵌入到当前iframe中只要给这个iframe命名就可以了. <iframe width=420 height=330 na ...
iframe父页面获取iframe子页面的元素与 iframe子页面获取父页面元素
一.在iframe子页面获取父页面元素代码如下:$('#objld', parent.document); 二.在父页面获取iframe子页面的元素代码如下:$("#objid", ...
jQuery修改页面元素的属性
作为一个后台开发者,在web开发的时候会常常遇到修改前台页面的属性的问题.这两天我发现jQuery的$("#id").attr("prop","值&q ...
java伪协议_通过伪协议解决父页面与iframe页面通信的问题
我们经常会有父页面与iframe页面的操作,比如这个iframe里面的内容是js写的.如以下代码 var iframe = document.getElementById("iframe& ...

tc.html是什么页面,HTML iframe属性详细说明

tc.html是什么页面,HTML iframe属性详细说明相关推荐

最新文章

热门文章