Question

我遇到问题iframe，如下面的代码。当我重新加载浏览器时，iframe高度仍然是100px。我想改变iframe的高度500px。

<iframe style="height:100px" width="100%" id="parentiframe">
  <head><script src="/mobile/themes/2015/js/jquery-2.1.3.min.js"></script>
  <script>
    $(document).ready(function(){
      $("#parentiframe").css({"height":"500px"});
    });
  </script>
</iframe>

我试着这样做，但它不起作用。如何将parentiframe更改为500px？

Answer 1

尝试

<iframe style="height:100px" width="100%" id="parentiframe">
  <head><script src="/mobile/themes/2015/js/jquery-2.1.3.min.js"></script>
  <script>
    $(document).ready(function(){
      $("#parentiframe", window.parent.document).css({"height":"500px"});
    });
  </script>
</iframe>

当然，两个文档应该具有相同的域，否则由于安全问题而无法实现

为什么不能从iframe里面的jquery改变iframe高度？

1 个答案: