框架与Window对象学习笔记（一）：创建多个框架

最新推荐文章于 2016-05-15 14:07:22 发布

芊李马

最新推荐文章于 2016-05-15 14:07:22 发布

阅读量841

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/u010078400/article/details/12709237

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

下面的页面包含多个框架。我们要创建3个HTML文件，第一个就是定义框架集的页面文件：

<html>

<frameset rows="50%,*" ID="TopWindow">
<frame name="UpperWindow" src="UpperWindow.htm">
<frame name="LowerWindow" src="LowerWindow.htm">
</frameset>

</html>

以上代码保存为TopWindow.htm。

下面我们将创建两个文件：

<html>

<head>
<script language="Javascript" type="text/javascript">
function window_onload()
{
  alert("This name of the upper fram's window object is "+window.name);
  alert("The location of UpperWindow's parent is "+window.parent.location.href);
}
</script>
</head>

<body οnlοad="return window_onload()">
<p>Upper Frame</p>
</body>

</html>

将上面代码保存为UpperWindow.htm.

<html>

<head>
<script language="Javascript" type="text/javascript">
function window_onload()
{
  alert("This name of the lower fram's window object is "+window.name);
  alert("The location of LowerWindow's parent is "+window.parent.location.href);
}
</script>
</head>

<body οnlοad="return window_onload()">
<p>Lower Frame</p>
</body>

</html>

将上面代码保存为LowerWindow.htm.

框架集将这3个页面组合在一起，UpperWindow.htm和LowerWindow.htm将包含在TopWindow.htm页面中。