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

最新推荐文章于 2024-02-23 03:15:31 发布

芊李马

最新推荐文章于 2024-02-23 03:15:31 发布

阅读量512

点赞数

分类专栏： JavaScript

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

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

以下为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>