如何将自定义javascript添加到谷歌网站?

时间:2012-06-03 21:41:00

标签: javascript jquery jquery-ui google-sites html-box-gadget

如何在Google网站上添加/编辑JS?这样我想使用jQuery和jQuery UI来操纵网站的外观。

要说清楚,我不是在谈论所有谷歌网站,只是谷歌制作的创建你自己的系统,称为“谷歌网站” - > https://sites.google.com/

howto page上,有以下内容: 不支持的功能

  

HTML Box工具目前不支持以下功能:

     

iframe JavaScript代码无法创建任何脚本,图片或链接标记   文档/窗口onload和onready函数。你可以放置任何   需要在文档后加载的代码末尾的JavaScript   负荷。

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

3 个答案:

答案 0 :(得分:6)

The Google Sites help explains how to add custom HTML/CSS/JS content

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

接下来要注意“来自一个HTML框的代码无法与HTML框之外的代码进行交互或引用,包括其他HTML框” - 可能每个“HTML框”都是一个单独的沙盒iframe元素。因此,您使用JS“操纵网站的外观和感觉”的能力将非常有限。

答案 1 :(得分:1)

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

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

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

希望它有所帮助。

答案 2 :(得分:0)

Google网站有a good documentation,您不能对program policy使用任何JavaScript。

请阅读文档,其中列出了插入自定义CSS,JavaScript和常规HTML的步骤的详细信息。