如何调整IFRAME大小？

Question

我需要调整跨域iframe的大小以适应内容。因此，在parent.html我写这篇文章：

$(function() { 
    $('iframe').load(function() { 
     var h = null; 
     if (!h) { 
      if (location.hash.match(/^#h(\d+)/)) { 
       h = RegExp.$1; 
       $(this).css({ 
        'height': h + 'px' 
       }) 
       location.hash = '' 
      } 

     } 
    }) 
}) 

和child.html我写这篇文章：

$(function() { 
    h = 0 
    h = $(document).height() 
    console.log(h) 
    if (top != self) { 
     top.location.replace("http://parentdomain.com/#h" + h); 
    } 
}) 

它工作正常时，它加载一次，但如果我点击在iframe和内容的变化链接变量h仍然具有第一价值。如果我在新窗口中打开child.html，var h将会更改，但不会在iframe中。

可以修复吗？

Answer 1

resize操作实际上不会再被调用。

如果您在iFrame中单击某个链接，您应该在父级上调用一个函数，或者观察仅在最新浏览器上支持的haschange事件。