为什么下面的代码不起作用?

时间:2015-09-08 04:24:11

标签: javascript html

我有一个框架和2个框架。

我想要实现的是:用户点击图像/按钮。这将在另一个框架中打开一个页面。然后我可以在该页面内调用一个函数。

以下是示例代码:

Main_File.html

<head>
     <frameset row="53px,*">
     <frame src="menuPage.html">
     <frame src="homePage.html" id="MainWindow">
     </frameset>
</head>

menuPage.html

<html>
<script>
  function ShowFunc()
  {
      top.MainWindow.location='homePage.html';
      top.MainWindow.Show()
  }
</script>
<body>
  <img src="abc.jpg" onclick="ShowFunc()">
</body>

homePage.html

<html>
<script>
   function Show()
   {
      document.getElementById('hiddenDiv').style.display='block';
   }
</script>
<style>
   #hiddenDiv
   {
       height:100px;
       width:100px;
       position:absolute;
       top:10px;
       left:10px;
       display:none;
   }
</style>
<body>
   <div id="hiddenDiv">
     Some Text
   </div>
</body>

这只是一个示例代码。

基本上我想要的是,frame2/homePage.html hiddenDiv 的加载不应该是可见的。

但是当我点击frame1中的图片时,那个div应该变得可见。

有任何建议吗?

0 个答案:

没有答案