Javascript:如何调整框架大小?

Javascript:如何调整框架大小?,javascript,jquery,Javascript,Jquery,如何使用JavaScript调整框架集中框架的大小 我发现jQuery slideUp()函数非常有用,但是无法实现它来处理框架。要调整框架大小,必须更改父框架集元素的rows/cols-属性 简短示例: <html> <head> <script> window.onload=function() { var frame=window.frames[0]; frame.document.open(); frame.document

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


我发现jQuery slideUp()函数非常有用,但是无法实现它来处理框架。

要调整框架大小,必须更改父框架集元素的rows/cols-属性

简短示例:

<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>

window.onload=function()
{
var frame=window.frames[0];
frame.document.open();
框架。文件。写入(“”);
frame.document.close();
}
var i=50;
函数fx()
{
定时器=设置间隔(
函数()
{
如果(i>150)
{
清除超时(计时器);
}
否则{
document.getElementsByTagName('frameset')[0]
.setAttribute('行',(i++)+',*');
}
}
,20)
}