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

最新推荐文章于 2019-09-24 19:25:43 发布

芊李马

最新推荐文章于 2019-09-24 19:25:43 发布

阅读量819

点赞数

分类专栏： 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页面中。

部分代码解说：

使用<frameset>定义了一个框架集，该框架集具有两个属性：rows和ID,其中rows设置为"50%,*",这表示将浏览器窗口做水平分割，第一个框架高度为浏览器窗口高度的一半，剩下的空间属于第二个框架。另外，将框架集的ID属性设置为TopWindow,通过该名称就能引用这个框架集。

注意在不同的浏览器和操作系统上，消息对话框的显示顺序可能有所不同。

芊李马

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
框架与Window对象学习笔记（一）：创建多个框架

下面的页面包含多个框架。我们要创建3个HTML文件，第一个就是定义框架集的页面文件：以上代码保存为TopWindow.htm。下面我们将创建两个文件：function window_onload(){ alert("This name of the upper fram's window object is "+window.name);
复制链接

扫一扫