怎样用javascript在一个页面控制另一个页面的元素


想在页面map.html中写函数控制页面index.html的iframe的高度，如下
页面index.html的内容：<div width="680">
  <iframe src=top.html width="680" height="1000"  frameborder="0" name="event" id="event" style="overflow:hidden"></iframe>
</div>在map.html的以下onClick事件中想要控制页面index.html的iframe的高度。
<a href="../shoplist.html" onClick="">商店列表</a>这个javascript怎么写?

解决方案 »

  1.   

    两个页面要有关系，比如iframe框架或者opener形式，你这样直接就向影响另一个页面好像没办法
      

  2.   

    document.getElementById('event').height = '2000';
      

  3.   

    这两个页面有关系。
    map.html是index.html的iframe中的页面。想在页面map.html中写函数控制页面index.html的iframe的高度，如下
    页面index.html的内容：<div width="680">
      <iframe src=map.html width="680" height="1000" frameborder="0" name="event" id="event" style="overflow:hidden"></iframe>
    </div>在map.html的以下onClick事件中想要控制页面index.html的iframe的高度。
    <a href="../shoplist.html" onClick="">商店列表</a>这个javascript怎么写?
     
      

  4.   

    parent.document.getElementById('event').height = '2000';
      

  5.   

    <a href="../shoplist.html" onClick="javascript:parent.document.getElementById('event').height = '2000';">商店列表</a>
      

  6.   

    parent.window.document.getElementById(frameset_id).cols = "50%, *";
      

  7.   

    或者
    parent.window.document.getElementById(frameset_id).rows = "50%, *";
    <frameset rows="40, *">
    <frame id="top" name="top" src="top.html">
    <frameset cols="100, *" id="abc">
    <frame id="left" name="left" src="left.html">
    <frame id="right" name="right" src="right.html">
    </frameset>
    </frameset>
      

  8.   

    <html><head>
    <script type="text/javascript">
    window.onload = function(){
      $("#btnSet").click(function(){
         document.getElementById("event").height = document.getElementById('txtHeight').value;
      });
    }
    </script>
    </head><body>
    <input type='text' id='txtHeight' value='500' />
    <input type='button' id='btnSet' value='设置高度'>
    <div width="680">
      <iframe src=map.html width="680" height="1000" frameborder="1" name="event" id="event" style="overflow:hidden"></iframe>
    </div>
    </body></html> 直接设置，没有什么问题吧？