框架与Window对象 学习笔记（二）：将框架集页面作为模块

于 2013-10-14 19:23:18 发布
阅读量518 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010078400/article/details/12714497
版权

以下为frameset.htm

<html>

<head>

<title>The Unchanging frameset page</title>

<script language="JavaScript" type="text/javascript">

var pagesVisited=new Array();

function returnPagesVisited()
{
  var returnvalue="So far you have visited the following pages\n";
  var pageVisitedIndex;
  var numberOfPagesVisited=pagesVisited.length;
  for(pageVisitedIndex=0;pageVisitedIndex<numberOfPagesVisited;pageVisitedIndex++)
    {
      returnvalue=returnvalue+pagesVisited[pageVisitedIndex]+"\n";
    }
  return returnvalue;
}

function addPage(FileName)
{
  var fileNameStart=FileName.lastIndexOf("/")+1;//查找最后一个"/"字符的位置，并将该位置加一。
  FileName=FileName.substr(fileNameStart);
  pagesVisited[pagesVisited.length]=FileName;
  return true;
}

</script>

</head>
<frameset cols="50%,*">
<frame name=fraLeft src="page_a.htm">
<frame name=fraRight src="page_b.htm">
</frameset>
</html>

以下为page_a.htm

<html>

<head>

<script language="JavaScript" type="text/javascript">
function butShowVisited_onclick()
{
  document.form1.txtaPagesVisited.value=window.parent.returnPagesVisited();
}
</script>

</head>

<body οnlοad="window.parent.addPage(window.location.href);">

<center>
<font size=6 color=MidnightBlue face=verdana>
This is page A
</font>
</center>

<p>
<A href="page_a.htm">Page A</A>
<A href="page_b.htm">Page B</A>
<A href="page_c.htm">Page C</A>
<A href="page_d.htm">Page D</A>
</p>

<form name=form1>
<textarea rows=15 cols=35 name=txtaPagesVisited wrap=hard>
</textarea>
<br>
<input type="button" value="List Pages Visited" name=butShowVisited οnclick="butShowVisited_onclick()">
</form>

</body>

</html>


以下为page_b.htm

<html>

<head>

<script language="JavaScript" type="text/javascript">
function butShowVisited_onclick()
{
  document.form1.txtaPagesVisited.value=window.parent.returnPagesVisited();
}
</script>

</head>

<body οnlοad="window.parent.addPage(window.location.href);">

<center>
<font size=6 color=MidnightBlue face=verdana>
This is page B
</font>
</center>

<p>
<A href="page_a.htm">Page A</A>
<A href="page_b.htm">Page B</A>
<A href="page_c.htm">Page C</A>
<A href="page_d.htm">Page D</A>
</p>

<form name=form1>
<textarea rows=15 cols=35 name=txtaPagesVisited wrap=hard>
</textarea>
<br>
<input type="button" value="List Pages Visited" name=butShowVisited οnclick="butShowVisited_onclick()">
</form>

</body>

</html>


以下为page_c.htm

<html>

<head>

<script language="JavaScript" type="text/javascript">
function butShowVisited_onclick()
{
  document.form1.txtaPagesVisited.value=window.parent.returnPagesVisited();
}
</script>

</head>

<body οnlοad="window.parent.addPage(window.location.href);">

<center>
<font size=6 color=MidnightBlue face=verdana>
This is page C
</font>
</center>

<p>
<A href="page_a.htm">Page A</A>
<A href="page_b.htm">Page B</A>
<A href="page_c.htm">Page C</A>
<A href="page_d.htm">Page D</A>
</p>

<form name=form1>
<textarea rows=15 cols=35 name=txtaPagesVisited wrap=hard>
</textarea>
<br>
<input type="button" value="List Pages Visited" name=butShowVisited οnclick="butShowVisited_onclick()">
</form>

</body>

</html>


以下为page_d.htm

<html>

<head>

<script language="JavaScript" type="text/javascript">
function butShowVisited_onclick()
{
  document.form1.txtaPagesVisited.value=window.parent.returnPagesVisited();
}
</script>

</head>

<body οnlοad="window.parent.addPage(window.location.href);">

<center>
<font size=6 color=MidnightBlue face=verdana>
This is page D
</font>
</center>

<p>
<A href="page_a.htm">Page A</A>
<A href="page_b.htm">Page B</A>
<A href="page_c.htm">Page C</A>
<A href="page_d.htm">Page D</A>
</p>

<form name=form1>
<textarea rows=15 cols=35 name=txtaPagesVisited wrap=hard>
</textarea>
<br>
<input type="button" value="List Pages Visited" name=butShowVisited οnclick="butShowVisited_onclick()">
</form>

</body>

</html>

  

web_js_study:js学习笔记
05-07
本"web_js_study:js学习笔记"涵盖了JS的全栈学习，旨在帮助开发者从基础到进阶全面掌握这一强大的脚本语言。 一、基础概念与语法 1. 变量：JavaScript中的变量使用var、let或const声明，其中let和const是ES6新增的...
JS--JavaScript使用window对象操作框架集frameset中的各窗口(frames[])
吴声子夜歌的博客
09-24 2159
框架集中的window对象 在HTML文档中，如果页面包含框架，则每个框架都拥有自己的window对象，并且保存在frames集合中。在frames集合中，可以通过数值索引（从0开始）从左至右、从上至下访问每个window对象，或者使用使用框架集名称访问每个window对象。每个window对象都有一个name属性，其中包含框架的名称。 在每一个框架中，window对象始终指向的都是那个框架实例，...
框架与Window对象 学习笔记（一）： 创建多个框架
芊李马
10-14 841
下面的页面包含多个框架。我们要创建3个HTML文件，第一个就是定义框架集的页面文件：   以上代码保存为TopWindow.htm。 下面我们将创建两个文件： function window_onload() { alert("This name of the upper fram's window object is "+window.name);
同级框架集间的引用
anjugui0311的博客
01-29 101
同级框架集间的引用window.parent.frames["frameName"]window.parent.frames[frameIndex]说明：1:一种是通过frame的名字进行引用，一种是通过索引值进行引用。2:window.frames["frameName"]和window.frames[frameIndex]一般用于引用iframe。改变框架的载入页面window.fr...
angular学习笔记
06-24
### Angular学习笔记 #### 1. 验证电子邮件地址 在Angular中，可以使用表单验证功能来检查用户输入的电子邮件地址是否有效。例如，在模板中可以添加一个`<span>`标签，用于显示错误消息，如果电子邮件格式不正确，...
Agile Java学习笔记【二】
07-17
在本篇“Agile Java学习笔记【二】”中，我们将深入探讨敏捷开发方法与Java编程的结合，以及如何在Eclipse集成开发环境中利用Ant工具进行构建和测试。敏捷开发是一种以人为本、迭代、逐步发展的软件开发方法论，强调...
pythonGUI pyqt5学习笔记
01-16
本学习笔记将深入探讨如何利用PyQt5进行有效的图形用户界面设计。 PyQt5是Python绑定的Qt库，提供了丰富的组件和功能，包括窗口、按钮、文本框、菜单、对话框等，让开发者能够创建出功能强大且美观的桌面应用。在...
node.js学习笔记，包含ES模块化、express基础、jsonp模块、koa2、Mocha、MySQL操作、路.zip
02-22
这份学习笔记涵盖了Node.js的多个重要知识点，包括ES模块化、Express框架的基础、JSONP处理、Koa2框架、Mocha测试工具以及MySQL数据库的操作。让我们逐一深入探讨这些主题。 1. **ES模块化**：在Node.js中，ES模块...
活垃圾治理-java-基于springBoot的乡村生活垃圾治理问题中运输地图的设计与实现
11-10
活垃圾治理-java-基于springBoot的乡村生活垃圾治理问题中运输地图的设计与实现
mmia32.efi
11-10
官方centos-7.8.x86_64-EFI-BOOT-mmia32.efi
【液面控制】基于matlab倒锥形水箱液面模糊控制【Matlab仿真 4253期】.zip
11-10
CSDN Matlab武动乾坤上传的资料均有对应的代码，代码均可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博客文章底部QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
NetworkManager-config-server-1.18.4-3.el7.noarch.rpm
11-10
Centos7 el7.x86_64 官方离线安装包，安装指令为 sudo rpm -ivh NetworkManager-config-server-1.18.4-3.el7.noarch.rpm
算法-贪婪算法与快速排序ppt视频
11-10
适用于编程思维与方法的小组作业讲解，内涵AI优化代码的使用的优缺点，讲解两种算法——贪婪算法、快速排序。
MATLAB实现WOA-CNN鲸鱼算法优化卷积神经网络的数据多变量时间序列预测（含完整的程序和代码详解）
11-10
内容概要：本文介绍了如何使用 MATLAB 和鲸鱼优化算法（WOA）优化卷积神经网络（CNN），以实现多变量时间序列的精确预测。文章详细描述了数据处理、WOA算法的设计与实现、CNN模型的构建与训练、模型评估与结果可视化等各个环节的具体步骤。同时，提供了完整的程序代码和详细的注释说明。 适合人群：具备一定的 MATLAB 编程基础，对时间序列预测、深度学习及优化算法感兴趣的科研人员和工程师。 使用场景及目标：主要用于金融预测、能源调度、气象预报、制造业和交通流量预测等领域，旨在通过优化的 CNN 模型提高预测的准确性和鲁棒性。 其他说明：文章还探讨了项目的背景、目标与挑战，以及未来可能的改进方向。通过实验结果展示了模型的有效性和优越性。
德州的BUCK与BOOST计算公式
11-10
德州的BUCK与BOOST计算公式
基于Java+SpringBoot+Vue的高校心理健康评测与服务系统答辩PPT.pptx
最新发布
11-10
基于Java+SpringBoot+Vue的高校心理健康评测与服务系统答辩PPT.pptx
【气动学】基于matlab龙格库塔算法三维制导律仿真（攻击静止机动目标）【Matlab仿真 8825期】.zip
11-10
【气动学】基于matlab龙格库塔算法三维制导律仿真（攻击静止机动目标）【Matlab仿真 8825期】.zip
Python ORM系列之pymysql实现对数据库增删改查源码
11-10
Python ORM系列之pymysql实现对数据库增删改查源码
全国大学生数学建模竞赛（CUMCM）B题，用python解题代码.zip
11-10
全国大学生数学竞赛 【项目资源】：包含前端、后端、移动开发、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源，毕业设计等各种技术项目的源码。包括C++、Java、python、web、C#、EDA等项目的源码。 【适用人群】：适用于希望学习不同技术领域的初学者或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。鼓励下载和使用，并欢迎大家互相学习，共同进步。
Vue.js框架与前端MVC模式探究
"一个奔跑的Vue.js学习笔记，涵盖了Vue.js的基本概念、编码思想以及前端MVC模式的介绍。" 在本文档中，我们探讨了Vue.js及其相关概念，包括库与框架的区别，编码思想的转变，以及前端MVC模式的应用。Vue.js作为一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值