用IFRAME实现网页的内嵌和预载 (转)--------------------------------------------------------------------------------
http://www.sina.com.cn 2001/09/04 14:37 中国电脑教育报 刘明锋
在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〉
-------------------------------------------------
iframe使用起来也是很灵活的
http://www.sina.com.cn 2001/09/04 14:37 中国电脑教育报 刘明锋
在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〉
-------------------------------------------------
iframe使用起来也是很灵活的
..
</div>overflow : visible | auto | hidden | scroll
参数:
visible : 不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto : 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示滚动条
说明:
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
设置textarea对象为hidden值将隐藏其滚动条。
对于table来说,假如table-layout属性设置为fixed,则td对象支持带有默认值为hidden的overflow属性。如果设为hidden,scroll或者auto,那么超出td尺寸的内容将被剪切。如果设为visible,将导致额外的文本溢出到右边或左边(视direction属性设置而定)的单元格。
自IE5开始,此属性在MAC平台上可用。
overflow-x,overflow-y同理
..
</div>