将自定义代码添加到页面

提示

• 当您在 Site.com Studio 中编辑页面时，无法执行脚本。要测试您的代码，预览该页面。
• 如果从现有 HTML 站点构建 Site.com 站点，请避免使用“自定义代码”页面元素从原站点粘贴大段的 HTML 代码。请改为使用可用的页面元素，例如面板、内容块和数据表。使用这些元素可以让您更加轻松地进行未来更新和设计更改。

• 使用“自定义代码”页面元素将标记添加到页面上的特定位置。当加载了这一部分的页面时，便加载使用“自定义代码”页面元素添加的 JavaScript。
• 将标记添加到页面head。首先加载页面head中的 JavaScript。
• 将 JavaScript 添加到页面body。添加到页面body的 JavaScript 位于 body 标记的末尾，并仅在 DOM 准备就绪时加载。
• 在页面head或body中添加对 JavaScript 文件或库的引用。

将标记直接添加到页面

1. 从“页面元素”窗格拖动自定义代码页面元素到页面上。
2. 在“编辑代码”对话框中输入代码。
3. 单击保存并关闭直接将代码添加到页面。

将标记添加到页面Head

1. 在“属性”窗格的“脚本”部分，单击“编辑标题标记”部分的配置。
2. 在“编辑 HTML 代码”对话框中输入标记。
3. 单击保存并关闭，将标记插入页面head。

将 JavaScript 添加到页面Body

1. 在“属性”窗格的“脚本”部分，单击“编辑正文脚本”部分中的配置。
2. 在“编辑 JavaScript 代码”对话框中输入代码。请勿添加 <script> 标记，因为它们已包含在内。
3. 单击保存并关闭，将代码添加到页面body底部。

使用 JavaScript 文件或库

您可以包含到已导入或外部 JavaScript 文件或开源库的链接（通过 Google Libraries API）而不是直接添加 JavaScript 代码到页面。

1. 在“属性”窗格的“脚本”部分，单击“正文脚本”或“标题脚本”部分的。
2. 要链接到：
   • 您已经导入的 JavaScript 文件，选择已导入脚本并选择文件。
   • 开源 JavaScript 库，选择 Google AJAX 库并选择库。
   • 外部 JavaScript 文件，选择到外部脚本的 URL 并输入地址。
3. 单击应用。