Question

如何使用JavaScript调整框架集内的框架大小？

我发现jQuery slideUp（http://api.jquery.com/slideUp/）函数非常有用，但是无法实现它来处理框架。

Answer 1

要调整框架大小，您必须更改父框架集元素的rows / cols -attribute。

简短的例子：

<html>
<head>
<script>
window.onload=function()
{
  var frame=window.frames[0];
      frame.document.open();
      frame.document.write('<input  type="button" \
                                    onclick="parent.fx()" \
                                    value="resize this frame to 150px height">');
      frame.document.close();
}
var i=50;
function fx()
{

  timer=setInterval(
                    function()
                    {
                      if(i>150)
                            {
                              clearTimeout(timer);
                            }
                      else  {
                              document.getElementsByTagName('frameset')[0]
                              .setAttribute('rows',(i++)+',*');
                            }
                    }
                    ,20)
}
</script>
</head>
<frameset rows="50,*">
  <frame src="about:blank"/>
  <frame src="about:blank"/>
</frameset>
</html>

Javascript：如何调整框架大小？

1 个答案: