Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 没有页眉和页脚的谷歌电子表格_Javascript_Html_Google Sheets - Fatal编程技术网

Javascript 没有页眉和页脚的谷歌电子表格

Javascript 没有页眉和页脚的谷歌电子表格,javascript,html,google-sheets,Javascript,Html,Google Sheets,我想嵌入一个没有页眉和页脚的谷歌电子表格。展示了技巧,但没有说明如何应用。我试过这个,但不起作用: <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&gr

我想嵌入一个没有页眉和页脚的谷歌电子表格。展示了技巧,但没有说明如何应用。我试过这个,但不起作用:

<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函数的正确方法是什么?

因为JS限制对框架的访问,所以您需要以某种方式获取电子表格的HTML,并从页面中删除页眉和页脚

可以使用隐藏的iframe显示:无;放置电子表格,然后在第二个iframe中加载一个页面,该页面用于获取电子表格的HTML,然后删除页眉和页脚。您可以通过获取HTML、添加带有f代码的脚本元素,然后使用data:URL来调出页面来实现这一点

您可以使用基本元素保留指向文件的链接;将电子表格的原始路径(但不是文件名)前置到基本的href(如果存在);否则,在头上做一个新的。您可以在隐藏的iframe的src上使用正则表达式获取路径

可能有点笨重,当然需要改进。。。但希望它能起作用


请注意,这是未经测试且基于研究的。

因为JS限制对框架的访问,所以您需要以某种方式获取电子表格的HTML,并从页面中删除页眉和页脚

可以使用隐藏的iframe显示:无;放置电子表格,然后在第二个iframe中加载一个页面,该页面用于获取电子表格的HTML,然后删除页眉和页脚。您可以通过获取HTML、添加带有f代码的脚本元素,然后使用data:URL来调出页面来实现这一点

您可以使用基本元素保留指向文件的链接;将电子表格的原始路径(但不是文件名)前置到基本的href(如果存在);否则,在头上做一个新的。您可以在隐藏的iframe的src上使用正则表达式获取路径

可能有点笨重,当然需要改进。。。但希望它能起作用


请注意,这是未经测试且基于研究的。

从iframe中的共享Google工作表中删除页眉和页脚的最简单方法是指定要显示的工作表和范围。 使用以下语法,工作表看起来既漂亮又干净,但顶部和左侧边缘上的灰色边框很薄:

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

如果没有范围参数,则该行为受widget=true以在顶部显示页眉行或widget=false以显示页眉、页脚和到其他图纸的链接的影响。 如果指定范围大于实际图纸尺寸,则使用整个图纸。因此,范围=A1:Z100将覆盖大多数情况下的小表格

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

<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。

在iframe中从共享Google工作表中删除页眉和页脚的最简单方法是指定要显示的工作表和范围。 使用以下语法,工作表看起来既漂亮又干净,但顶部和左侧边缘上的灰色边框很薄:

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

如果没有范围参数,则该行为受widget=true以在顶部显示页眉行或widget=false以显示页眉、页脚和到其他图纸的链接的影响。 如果指定范围大于实际图纸尺寸,则使用整个图纸。因此,范围=A1:Z100将覆盖大多数情况下的小表格

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

<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