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 中的属性和事件。