Javascript:如何调整框架大小?

Pau*_*aul 8 javascript jquery

如何使用JavaScript在框架集内调整框架大小?

我发现jQuery slideUp(http://api.jquery.com/slideUp/)函数非常有用,但是不可能实现它来使用框架.

Dr.*_*lle 10

要调整框架大小,您必须更改父框架集元素的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>
Run Code Online (Sandbox Code Playgroud)