Iframe 代码详解

血液发生改变

血液发生改变

2016-02-19 16:59

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

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

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

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

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

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

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

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

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

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

  name:内嵌帧名称

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

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

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

  frameborder:内嵌帧边框

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

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

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

  src:内嵌入文件的地址

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

  allowtransparency:是否允许透明

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

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

  让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

展开更多 50%)
分享

猜你喜欢

Iframe 代码详解

Web开发
Iframe 代码详解

jQuery解决iframe高度自适应代码

Web开发
jQuery解决iframe高度自适应代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JQuery与iframe交互实现代码

Web开发
JQuery与iframe交互实现代码

用javascript控制iframe滚动的代码

Web开发
用javascript控制iframe滚动的代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

用javascript动态调整iframe高度的代码

Web开发
用javascript动态调整iframe高度的代码

js实现iframe动态调整高度的代码

Web开发
js实现iframe动态调整高度的代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

搞笑好看的qq签名:我谈过最长的恋爱就是自恋

搞笑好看的qq签名:我谈过最长的恋爱就是自恋

Ajax并不神秘揭下各种Ajax控件和类库的小裤衩

Ajax并不神秘揭下各种Ajax控件和类库的小裤衩
下拉加载更多内容 ↓