2007-01-25

用IFRAME实现网页的内嵌和预载

在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 name="import_frame" width=100%

　　　height=80 src="samper.htm" frameborder=auto〉

　　〈/iframe〉

　　不错吧，马上“Ctrl+C”、“Ctrl+V”试试。

　　有时我们为强调页面的某项内容，想让它先于页面的其他内容显示。同样用iframe即可轻松实现：

　　先把要强调显示的内容另存为一个文件，如first.htm，然后通过一个预载页index.htm，内容如下：

　　〈meta http-equiv="refresh" content="3,url=index2.htm"〉

　　〈body〉

　　页面加载中，请稍候……〈iframe src="first.htm" style="display:none"〉〈/iframe〉

　　〈/body〉

　　主文件index2.htm

　　〈body〉

　　〈iframe src="first.htm"加入其他属性限制〉〈/iframe〉

　　〈/body〉
评论
发表评论

您还没有登录，请登录后发表评论

jspengxue
  • 浏览: 36232 次
  • 性别: Icon_minigender_1
  • 来自: 天堂和地狱的中间
  • 详细资料
搜索本博客
我的相册
Cc633e28-4d67-45e5-8c05-c9b34db1a53d-thumb
烦人的老婆
共 1 张
最近加入圈子
存档
最新评论
评论排行榜