首 页 网站建设 手机网站 店铺装修 案例展示 关于优客 联系我们
QQ联系
微信联系
手机联系

设置窗口属性frame(四)

发布时间:2019-01-12
浏览次数:208

6.控制框架滚动条显示scrolling


一个框架中的页面内容常常会超出整个框架的尺寸范围,早默认的情况下,浏览器会在右侧或者下方显示滚动条,以便浏览者方便查看全部内容。但有时希望不显示滚动条,可以通过scrolling属性自由控制滚动条的显示。


语法:

<frame src="页面源文件地址"scrolling="是否显示滚动条">


说明:

scrolling取值包括yes、no或auto。其中,yes便是一直显示滚动条,而no则表示无论说明情况都不显示滚动条,auto是系统的默认值,他是根据具体内容来调整的,当页面长度超出浏览器窗口的范围时就会自动显示滚动条。


举例:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312"/>
<title>框架滚动条的显示</title>
</head>
<fieldset rows="*" cols="209,*" framespacing="1" frameborder="yes" border="1">
<frame src="left.html" name="leftframe" scrolling="yes">
<frame src="right.html" name="mainframe" >
</fieldset>
<noframes>
<body>
</body>
</noframes>
</html>

在代码中

<frame src="left.html" name="leftframe" scrolling="yes">

部分的代码标记为设置左侧框架中显示滚动条,在这里将scrolling的值设置为yes,在浏览器中预览可以看到滚动条效果,如图9.12所示。


显示滚动条效果


7.不支持框架标记noframes


如果遇到不支持框架结构的浏览器,或者用户关闭了浏览器的框架显示功能,此时就需 要用<noframes>来设置替换的内容,告诉浏览者其浏览器无法打开框架页面。


语法:

<noframes>替换显示内容</noframes>


说明:

在该语法中,<noframes>和</noframes>标记之间的部分就是在不支持框架的浏览器中所要显示的内容。


举例:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312"/>
<title>不支持框架</title>
</head>
<fieldset rows="*" cols="209,*" framespacing="1" frameborder="yes" border="1">
<frame src="left.html" name="leftframe" scrolling="yes">
<frame src="right.html" name="mainframe" >
</fieldset>
<noframes>
对不起!您的浏览器不支持框架效果
</noframes>
</html>

在代码中

<noframes>

对不起!您的浏览器不支持框架效果

</noframes>

部分的代码标记为设置不支持框架标记,当用户的浏览器不支持框架结构 时,就会显示<noframes>标记中的内容。


本文内容摘取于《网页制作》,仅供参考学习用途!