14、JavaScript 中窗口与框架的交互及应用

apple5

于 2025-12-14 10:17:17 发布

阅读量2

点赞数

CC 4.0 BY-SA版权

分类专栏： Web开发全栈实战文章标签： JavaScript 窗口交互框架通信

本文链接：https://blog.youkuaiyun.com/apple5/article/details/156050910

Web开发全栈实战专栏收录该内容

18 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

JavaScript 中窗口与框架的交互及应用

1. 框架与 JavaScript

在网页中创建框架时，每个框架都有自己的窗口对象。这意味着可以访问每个独立框架中窗口对象所包含的任何内容。可以通过 window.name 来查看所创建框架的名称。

对于开发者而言，还能访问框架的父级和子级。例如，创建了一个包含两个框架 frameLeft 和 frameRight 的框架集页面，在任一框架内，只需输入 window.parent 就能访问创建这些框架的页面（即包含框架集定义的页面）。这会引用父级的窗口对象，从这里可以像在父级页面一样访问父级中定义的任何内容，包括函数、变量和表单引用。若要访问父级页面中定义的函数或变量，可在 window.parent 之后写上方法或变量的名称。

以下是一个框架集页面的示例，其中包含一个会弹出显示 “Hello” 警告框的方法：

<HTML>
<HEAD>
<TITLE>Basic Frames Example</TITLE>
<SCRIPT LANGUAGE= "JavaScript">
function sayHi (name)
{
alert ("Hello " + name);
}
</SCRIPT>
</HEAD>
<FRAMESET cols="50%, *">
<FRAME name="frameLeft" SR