没有页眉和页脚的Google电子表格

Question

我想嵌入没有页眉和页脚的Google电子表格.这篇文章显示了这个技巧,但没有说明如何应用它.我试过这个,但它不起作用:

<iframe id="embeddedthing" width='500' height='300' frameborder='0' src='https://docs.google.com/spreadsheet/pub?key=<DocId>&single=true&gid=12&output=html&widget=false&gridlines=false'></iframe>
<script type="text/javascript">
  var f = function(id) {document.getElementById(id).style.display = "none";};
  f("header");
  f("footer");
</script>

然后我想我应该将它应用到iframe中加载的文档,所以我尝试使用它来访问它document.getElementById('FrameId').contentWindow.document,但浏览器说"不安全的JavaScript尝试访问框架"并且不允许我继续.

运行JavaScript函数的正确方法是什么？

Answer 1

从iframe中的共享Google工作表中删除页眉和页脚的最简单方法是指定工作表和要显示的范围.
使用以下语法,工作表显得干净整洁,但顶部和左边缘的灰色边框除外:

src="https://docs.google.com/spreadsheet/pub?key=<DocID>&gid=<SheetID>&gridlines=false&range=A1:Z100"

如果没有range参数,行为会受到widget=true顶部显示标题行或widget=false显示页眉,页脚和其他工作表链接的影响.
如果指定的range值大于实际纸张尺寸,则使用整个纸张.所以range=A1:Z100将覆盖大多数小桌子的情况.

创建两个相邻的iframe允许执行类似于冻结列或行标题的操作.
下面是一个页面示例,该页面使用此技术显示2个固定列,左侧是标题,右侧是可滚动区域:

<table border='1'>
  <tr>
    <td>
      <iframe width="103" height="187" frameborder="0" src="https://docs.google.com/spreadsheet/pub?key=0AqEyi7du69LQdHRJXzViMlhEdHVYY2E4X1hnZ21EQ2c&gid=29&gridlines=false&range=A1:B999"></iframe>
    </td>
    <td>
      <iframe width="600" height="187" frameborder="0" src="https://docs.google.com/spreadsheet/pub?key=0AqEyi7du69LQdHRJXzViMlhEdHVYY2E4X1hnZ21EQ2c&gid=29&gridlines=false&range=C1:CC999"></iframe>
    </td>
  </tr>
</table>

这是使用此技术的网站.

编辑

谷歌改变了一些东西,我的网站突然被破坏了.

这里建议的解决方案是添加&widget=false&chrome=false.