JS如何控制iframe的高度


  
  <div id="center">
   //里面有个iframe
   //如何使用JavaScript控制iframe自适应DIV的高度。
  <iframe id="main" name="main" src="demo.html" ></iframe>
</div>我想的思路是用JS 获取DIV的高度  然后让高度 赋值给iframe 不知道能不能实现。。

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
    <head>
    <script src="Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script language="javascript">    $().ready(function () {
            $('#main').css("height", 500);
            $("#test").click(function () {
                $('#main').css("height", 200);
            });
        });
    </script> 
    </head>
    <div id="center">
       //里面有个iframe
       //如何使用JavaScript控制iframe自适应DIV的高度。
      <iframe id="main" name="main" src="index.htm" ></iframe>
      <input type="button" value="change" id="test" />
    </div></html>
      

  2.   

    如果不想使用jQuery，也可以用javascript写，不过代码就多了一些
      

  3.   


     $('#main').css("height", 500);
            $("#test").click(function(){
            //$('#main').css("height",200);
    var height = $('#main').css("height");
    var temp = height.indexOf("px");
    var temp_height = height.substring(0,temp);
    temp_height = temp_height - 20;
    $('#main').css("height",temp_height);
       });楼主这样试试效果更好