HTML DOM Frameset 对象


HTML DOM Frameset 对象

HTML DOM Frameset 对象是一种用于处理网页中的 Frameset 元素的 JavaScript 对象。Frameset 元素是在 HTML 中使用的一种标签,它可以将一个页面分为多个独立的区域,每个区域都可以独立地加载不同的文档。

语法

Frameset 在 HTML 中的语法如下:

<frameset>
  <frame src="frame1.html">
  <frame src="frame2.html">
  <frame src="frame3.html">
  <noframes>
    <body>
      <p>You need a frames-capable browser to view this content.</p>
    </body>
  </noframes>
</frameset>

属性

cols

Frameset 的 cols 属性可以用于定义水平方向上的框架列的数目和宽度。它是一个字符串类型的值,其中包含逗号分隔的整数和百分比值。

document.frameset.cols = "20%,60%,20%";

rows

Frameset 的 rows 属性可以用于定义垂直方向上的框架行的数目和高度。它是一个字符串类型的值,其中包含逗号分隔的整数和百分比值。

document.frameset.rows = "30%,50%,20%";

方法

createFrame()

Frameset 对象的 createFrame() 方法可以用于在 Frameset 中添加一个新的 Frame 元素。它接受两个参数:要添加的 Frame 的 URL,和要添加的 Frame 的名称。

document.frameset.createFrame("newFrame.html", "newFrame");

deleteFrame()

Frameset 对象的 deleteFrame() 方法可以用于从 Frameset 中删除指定名称的 Frame 元素。

document.frameset.deleteFrame("oldFrame");

事件

Frameset 对象支持的事件包括:onload、onunload、onresize 等。

实例

<!DOCTYPE html>
<html>
  <head>
    <title>Frameset Example</title>
  </head>
  <frameset cols="25%,50%,25%">
    <frame src="frame1.html" name="leftFrame">
    <frame src="frame2.html" name="middleFrame">
    <frame src="frame3.html" name="rightFrame">
    <noframes>
      <body>
        <p>You need a frames-capable browser to view this content.</p>
      </body>
    </noframes>
  </frameset>
  <body>
  </body>
</html>

在上述代码中,我们创建了一个包含三个 Frame 元素的 Frameset,并设置了每个 Frame 的 URL 和名称。这个 Frameset 的 cols 属性被设置为"25%,50%,25%",表示这三个 Frame 的宽度比例是 1:2:1。如果浏览器不支持 Frameset,则会显示 noframes 元素中的内容。

总之,HTML DOM Frameset 对象是用来处理 Frameset 元素的一种 JavaScript 对象,它可以用于动态地创建、删除 Frame 元素,并设置 Frameset 中的属性和事件。