当url更改时，如何动态更改iframe的大小

Question

如何为iframe src动态更改iframe的大小。如果src为http://-----.com/index，则iframe大小高度为200，宽度为400.如果src更改http://-----.com/about，则帧大小高度为500，宽度为700.

Answer 1

您可以通过为iframe加载时添加事件处理程序来完成此操作。在此函数中，获取iframe的src，并使用switch语句基于它应用不同的样式：

首先给你的iframe一个ID（如果还没有）：

<iframe id="myFrame"></iframe>

JS可以听取它：

document.getElementById('myFrame').onload= function() {
  switch( this.src ){
     case 'http://example.com/index' : // Will fall through and execute same code as below
     case 'http://example.com/'      : this.style.width  = '400px';
                                       this.style.height = '200px';
                                       break; // Stop switch
     case 'http://example.com/about' : this.style.width  = '700px';
                                       this.style.height = '500px';
                                       break;
     default : /* Do something or not */
  }
};

Answer 2

您无法获得帧内文档高度，因此，您无法动态更改iframe高度...
你所能做的只是添加滚动条。