1

大家下午好

我正在使用 Google 协作平台，并且正在尝试将小工具 (iFrame) 嵌入到网站中。它工作正常，但是 Google 协作平台不允许我们扩展小工具以填充其内容的高度。它只允许 100% 的宽度和固定的高度：

在此处输入图像描述

因为我们被允许在嵌入式小工具（iFrame）中运行我们自己的 javascript，所以我试图通过动态计算以像素为单位的高度、获取对父页面的 Dom 的HTMLIFrameElement的引用以及从那里修改高度来解决这个问题.

从我的自定义小工具文件 (iFrame) 中，我可以获得对父Window对象的引用，但是parent.document返回undefined.

这是我的自定义小工具文件g5.xml：

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
    <ModulePrefs title="My Gadget" /> 
    <Content type="html">
<![CDATA[
<script>
document.body.onload = function(){
    var content_height = document.getElementById('content').clientHeight;
    alert(parent); // [object DOMWindow]
    alert(parent.document); // undefined
};
</script>
<div id="content">
    some<br>content<br>here
</div>
]]>
    </Content> 
</Module>

如果parent.document返回，有什么方法可以访问 iFrame 的父 DOM 元素undefined？

是否有任何其他解决方案可以使小工具在 Google 协作平台中达到 100% 高度？

4

0 回答 0