如何将自定义JavaScript添加到Google协作平台

how to add custom javascript to google sites?

本文关键字：Google 协作 平台 添加 JavaScript 自定义      更新时间：2023-09-26

如何获得在Google协作平台网站上添加/编辑JS的功能？ 通过这种方式，我想使用 jQuery 和 jQuery UI 来操纵网站的外观和感觉。

需要明确的是，我不是在谈论所有谷歌网站，只是谷歌制作的创建自己的系统，称为"谷歌网站" -> https://sites.google.com/。

在操作方法页面上，有以下内容：不支持的功能

HTML 框工具目前不支持以下功能：

iframe JavaScript 代码无法创建任何脚本、图像或链接标签 文档/窗口加载和就绪功能。您可以放置任何 需要在文档之后加载的代码末尾的 JavaScript 负荷。

这是否意味着HTML工具无法创建标签？ 即使它们在上面的演示中？

Google 协作平台帮助解释了如何添加自定义 HTML/CSS/JS 内容：

  1. 转到您要在其中嵌入 HTML 的 Google 协作平台页面。
  2. 转到"插入"菜单，然后选择"HTML 框"。
  3. 在打开的对话框中，添加 HTML、CSS 和/或 Javascript 代码。
  4. 完成后，单击保存。
  5. 要预览嵌入的 HTML，请点击 Google 网站页面上的保存。

它继续指出，"来自一个HTML框的代码不能与HTML框之外的代码交互或引用，包括其他HTML框" - 大概每个"HTML框"都是一个单独的沙盒iframe元素。因此，您使用JS来"操纵网站的外观和感觉"的能力将非常有限。

另一种选择是编写自己的小工具

"小工具是可以添加到网页中的小型网络应用程序。小工具是通常包装HTML和JavaScript的XML文件"，正如一位名为Mori的Google Sites Guru所解释的那样。https://sites.google.com/site/mori79/html-gadgets

您还可以在 Google 开发者网站中找到更多信息：https://developers.google.com/google-apps/sites/gadgets/site_gadgets?hl=en

希望对您有所帮助。

Google 网站有一个很好的文档，你不能使用任何 JavaScript 来违反他们的程序政策。

请阅读文档，它列出了插入自定义CSS，JavaScript和通用HTML的步骤的详细信息。

相关文章：