如何嵌入JavaScript代码到谷歌网站页面?(How do I embed JavaScript

2019-07-29 05:00发布

我有一个谷歌的网站页面。 如何能够将它的JavaScript代码,而无需实现一个小工具,并在添加JavaScript代码?

Answer 1:

你可以运行一些JavaScript代码,但页面编辑过程中它会自动包装成一个简单的小工具,和渲染网页时,它会iframe中被执行, 将无法与主要页面的DOM互动 -这是防止通过浏览器和谷歌网站的安全机制。

所以,什么你的脚本做,它会在它的iframe,谁的外形尺寸在页面设计时定义,如果你不希望实现一个小工具的沙箱做。

而且,即使你实现一个小工具与您的脚本中,它也将在同一个iframe的沙箱中运行。 但是小工具有一定的优势,例如访问API,允许动态改变iframe的大小,和其他一些人。



Answer 2:

请参阅这篇文章 ,你需要创建一个可以从服务器访问共享文件,并写入下面的代码谷歌小工具文件:

<Module>
<ModulePrefs title="Custom Gadget"/>
<Content type="html">
<![CDATA[
<script src="PUT YOUR SCRIPT HERE"></script>
]]>
</Content>
</Module>

将文件另存为name.xml的 ,并把它上传到具有公共访问的网络硬盘(没有密码保护)。 然后插入链接如下:

插入> ..更多小工具>通过网址添加小工具

一旦您的网址复制到保存的.XML谷歌小工具的代码,你将有嵌入的JavaScript通过您自己定制的谷歌小工具。



Answer 3:

您可以使用HTML Box的小工具,在这里你在菜单中找到它:

它可以让你插入自定义HTML,CSS和Javascript 。

注意事项:

  • 你的HTML被加载在<iframe>
  • 你的代码不能与内容的互动之外HTML Box
  • HTML Box目前不支持<iframe>
  • 你的脚本不能创造任何<script> <img><a>标签,


Answer 4:

谷歌已经更新了他们的机制嵌入HTML和Javascript。

见https://gsuiteupdates.googleblog.com/2017/12/embed-html-and-javascript-in-new-google-sites.html 。

它仍然是在沙盒与@Serge Populov的回答中提到的限制iframe中。



Answer 5:

你可以阅读如何做到这一点谷歌在这里文档http://support.google.com/sites/bin/answer.py?hl=en&answer=2500646&ctx=cb&src=cb&cbid=-11zqfs2rw8yfe&cbrank=0



文章来源: How do I embed JavaScript code into a Google Sites page?