javascript跨域iframe调整大小

Question

我有一个iframe拉入图像和一些数据行(跨域).使用嵌入式javascript文件创建iframe,如下所示:

    <script type="text/javascript" src="http://www.domain.com/blah/scriptfile.js?blah_id=001" id="blah_script"></script>

正在创建iframe并且它完美地加载了图像和数据......到目前为止,非常好.

在iframe中我想隐藏数据行并缩短iframe的高度[ - ],当单击图像时[+]展开iframe的高度并取消隐藏行.我把行放在一个.

下面是被称为onclick的函数的缩减版本(并且它被调用).函数的第一行显示了我如何生成szFrameName,$ folder_id是001,它反映在szSpanName中.当alert()被调用时,它显示:"blah_iframe_001 blah_cmpnt_001"所以名称是正确的但是document.getElementById在blah_iframe上返回null但在blah_cmpnt_上工作正常

function onclickToggle()
{
  var szFrameName = 'blah_iframe_' +"<?php echo $folder_id; ?>";
  var szSpanName = "blah_cmpnt_" +"001";
  var idFrame = document.getElementById(szFrameName);
  var idCmpnt = document.getElementById(szSpanName);

  alert(szFrameName +" " +szSpanName);
}

我已经尝试过window.frameElement但是会产生"拒绝访问"错误,那么我该如何调整/缩短iframe呢？

Answer 1

希望这会帮助其他人,我在github上创建了3个文件,显示了如何做到这一点...跨域iframe调整最好.

https://github.com/ppetree/iframe_resize.git