下午好,
我正在使用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 返回undefined
,有没有办法访问iFrame的父级DOM元素?
是否有其他解决方案可以在Google协作平台中将小工具设为100%高度?