╋艺 镇╋╋网站网络|程序语言|Flash╋┣◇网站建设&Web语言 → Iframe 代码详解


  共有20799人关注过本帖树形打印复制链接

主题:Iframe 代码详解

美女呀,离线,留言给我吧!
admin
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
Iframe 代码详解  发帖心情 Post By:2010/6/8 15:39:18 [只看该作者]

<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:内嵌帧宽度(可用像素值或百分比)

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

  frameborder:内嵌帧边框

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

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

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

  src:内嵌入文件的地址

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

  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>



  
平面设计、网站建设、三维动画、视频制作 联系QQ:114103945  回到顶部