9.3　设置窗口属性frame

<frame>用来定义每一个单独的框架页面，框架页面的属性设置都在<frame>标记里进行。

9.3.1　页面源文件src

框架结构中的每一个页面都是一个单独的文件，这些文件都是通过src来指定一个初始文件地址。

语法：

说明：

页面的源文件可以是一个网页文件，也可以是一张图片，地址类型可以是相对地址、绝对地址或带有锚点链接的地址。

举例：

在代码中加粗部分的代码标记是设置框架的页面源文件left.html和right.html，在浏览器中预览可以看到效果，如图9.7所示。

图9.7　页面源文件

9.3.2　页面名称name

页面名称是为了便于页面的查找和链接所提供的一个属性。例如一个左右框架结构，左侧为链接，右侧为正文，当单击左侧链接以后要在右侧框架中打开正文，此时就需要用到<frame>的name属性。

语法：

说明：

框架的页面名称中不允许包含特殊字符、连字符、空格等，必须是单个的单词或者字母组合。

举例：

在代码中加粗部分的代码标记为设置框架页面的名称，在浏览器中预览效果，如图9.8所示。

图9.8　设置框架页面的名称

9.3.3　禁止调整窗口的尺寸noresize

每一个框架都有其固定的宽度和高度，可以通过拖动边框进行调整。不过有时候需要框架的宽度和高度保持不变，禁止浏览器在访问框架的时候随意改变框架尺寸，此时就可以使用noresize属性。

语法：

说明：

noresize没有属性值，添加该属性后就不能拖动边框，反之无需指定此属性。

举例：

在代码中加粗部分的代码标记为设置不能调整窗口的尺寸，在浏览器中预览，可以看到左侧的框架不能调整，如图9.9所示。

图9.9　禁止调整窗口的尺寸

9.3.4　边框与页面内容的水平边距marginwidth

通过marginwidth可以设置框架边框与页面内容的水平边距。

语法：

说明：

水平边距用于设置页面的左、右边缘与框架边框的距离。

举例：

在代码中加粗部分的代码标记为在右侧的框架中设置水平边距为50像素，在浏览器中预览可以看到文本内容与框架的边框之间有很多空间，效果如图9.10所示。

图9.10　边框与页面内容的水平边距效果

9.3.5　边框与页面内容的垂直边距marginheight

通过marginheight可以设置边框与页面内容的垂直边距。

语法：

说明：

垂直边距用来设置页面的上、下边缘与框架边框的距离。

举例：

在代码中加粗部分的代码标记为在右侧框架中设置边框与页面内容的垂直边距为50像素，在浏览器中预览可以看到边框与页面内容之间有很大空白，如图9.11所示。

图9.11　边框与页面内容的垂直边距效果

9.3.6　控制框架滚动条显示scrolling

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

语法：

说明：

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

举例：

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

图9.12　显示滚动条效果

9.3.7　不支持框架标记noframes

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

语法：

说明：

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

举例：

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