Iframe 代码详解

2016-02-19 16:59 8 1 收藏

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的Iframe 代码详解,希望大家看完后能赶快学习起来。

【 tulaoshi.com - Web开发 】

 Iframe src="example.htm" width="300" heitht="100"/IFRAME
  example.htm 是被嵌入的页面,标签 IFRAME 还有一些可用的参数设置如下:

  marginwidth:网页中内容在表格右侧的预留宽度;例如:marginwidth="20",单位是 pix,下同。

  marginheight:网页中内容在表格顶部预留的高度;

  hspace:网页右上角的的横坐标;

  vspace:网页右上角的纵坐标;

  frameborder:是否显示边缘;填"1"表示"是",填"0"表示"否"

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  scrolling:是否出现滚动条;填"1"表示"是",填"0"表示"否"

  在HTM(HTML)文件中是否可以像PHP、ASP文件一样嵌入其他文件呢?下面笔者介绍用iframe来实现的方法。

  iframe元素的功能是在一个文档里内嵌一个文档,创建一个浮动的帧。其部分属性简介如下:

  name:内嵌帧名称

  width:内嵌帧宽度(可用像素值或百分比)

  height:内嵌帧高度(可用像素值或百分比)

  frameborder:内嵌帧边框

  marginwidth:帧内文本的左右页边距

  marginheight:帧内文本的上下页边距

  scrolling:是否出现滚动条(“auto”为自动,“yes”为显示,“no”为不显示)

  src:内嵌入文件的地址

  style:内嵌文档的样式(如设置文档背景等)

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  allowtransparency:是否允许透明

  明白了以上属性后,我们可用以下代码实现,在main.htm中把samper.htm文件的内容显示在一个高度为80、宽度为100%、自动显示边框的内嵌帧中

  让iframe自动适应内容的高度

script
function autoResize()
{
try
{
document.all["inner"].style.height=inner.document.body.scrollHeight
}
catch(e){}
}
/script
iframe name="inner" src="/ads/?ad=google&ad2=biz2008" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="100%" style="height:expression(1); aho:expression(autoResize())"/iframe

来源:http://www.tulaoshi.com/n/20160219/1613810.html

延伸阅读
标签: Web开发
16.5  使用iframe创建智能表单 使用XMLHttpRequest对象实现Ajax功能的好处在于XMLHttpRequest对象使用简单。只需创建一个XMLHttpRequest对象,然后发送请求并等待服务器的响应。不幸的是,使用JavaScript对象具有一个弊端,即浏览器并不会在其历史记录中保存由XMLHttpRequest对象发起的HTTP请求。因此,实际上XMLHttpRequest对象使得浏...
《德军总部》更多按键设置代码详解 翻阅assets.pk4内的文件时,发现一些开发时用的按键绑定。於是尝试加入到游戏设置文件中,发现部份可用。 将指令加入到C:\Documents and Settings\用户名称\Local Settings\Application Data\id Software\WolfSP\base\wolf.cfg中即可 按键绑定指令格式: [Copy to clipboard] [ - ]CODE: bind 按键 "...
标签: Web开发
ZZzzz~ may wind Iframe src="/URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"/iframe src:文件的路径,既可是HTML文件,也可以是文本、ASP等; width、height:"画中画"区域的宽与高; scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如...
  注意:以下效果必需IE5.5以上版本才支持 在transparentBody.htm文件的<body标签中,我已经加入了style="background-color=transparent" 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解: <IFRAME ID="Frame1" src="/attachment/portal" allowTransp...
skype网页在线代码怎么生成方法详解   1、打开skype软件,按照要求选择skype状态,必须选择显示按钮。 2、安装最新版本的skype。 3、打开skype客户端,在工具 - 选项- 隐私中勾选允许在网页上显示我的skype状态,如下图: 4、定制自己的skype显示标签; 5、把第4步中生成的代码粘贴到你的在线客服、EMail签名处...

经验教程

218

收藏

100
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部