Javascript 我们如何制作小玩意';身高100%?
大家下午好 我正在使用谷歌网站,我正在尝试将一个小工具(iFrame)嵌入到网站中。它工作正常,但是谷歌网站不允许我们让这个小工具扩展到其内容的高度。它只允许100%宽度和固定高度: 因为我们可以在嵌入式小工具(iFrame)中运行自己的javascript,所以我试图通过动态计算高度(以像素为单位)、获取对父页面Dom的引用并从中修改高度来解决这个问题 从我的自定义小工具文件(iFrame)中,我可以获得对父对象的引用,但是parent.document返回Javascript 我们如何制作小玩意';身高100%?,javascript,google-sites,Javascript,Google Sites,大家下午好 我正在使用谷歌网站,我正在尝试将一个小工具(iFrame)嵌入到网站中。它工作正常,但是谷歌网站不允许我们让这个小工具扩展到其内容的高度。它只允许100%宽度和固定高度: 因为我们可以在嵌入式小工具(iFrame)中运行自己的javascript,所以我试图通过动态计算高度(以像素为单位)、获取对父页面Dom的引用并从中修改高度来解决这个问题 从我的自定义小工具文件(iFrame)中,我可以获得对父对象的引用,但是parent.document返回未定义的 这是我的自定义小工具文件
未定义的
这是我的自定义小工具文件:
document.body.onload=函数(){
var content_height=document.getElementById('content').clientHeight;
警报(父级);//[对象窗口]
警报(parent.document);//未定义
};
这里有一些
内容
]]>
如果parent.document返回undefined
,是否有办法访问iFrame的父级DOM元素
有没有其他解决方案可以让谷歌网站上的小玩意达到100%的高度
<?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>