如何将外部JavaScript或CSS文件添加到Tridion页面？

我有一个外部JavaScript和一个CSS文件。我不知道如何将此文件添加到我的页面。我对CT和PT都使用DWT TBB

我正在我的页面TBB中编写内部CSS，以获取当前的输出。但我不知道如何实现JavaScript。有人能帮我吗

---

我应该将这些文件作为组件并在页面上呈现它们吗？这是正确的方法吗？如果是，请告诉我要遵循的步骤。

有一系列关于如何使用构建块的文章解释了这一点

查看以下链接：

如果你想让事情变得简单（但我不建议这样做，因为每次你发布页面时，它都会重新发布你的CSS或JS）。您可以将CSS存储为多媒体组件（并写下其URI），并在DWT页面布局中这样引用它：

<link rel="stylesheet" href="tcm:1-2-16" />

    or

<script type="text/javascript" src="tcm:1-2-16"></script>

或

---

然后使用默认的完成操作确保二进制文件已发布，链接已解析。

这是一个广泛讨论的主题，我将尝试概述各种可能性：

创建CSS和JS作为二进制组件，从DWT模板链接到这些组件

以二进制组件的形式创建CSS和JS，以DCP的形式发布到服务器，使用url链接到二进制

创建CSS和JS作为文本组件，放置在页面中，发布到服务器，将url链接到页面

将CSS&JS复制到交付服务器（而不是Tridion），使用url链接到CSS&JS

选项#1是最简单的，但有很多缺点

• 使用所需的CSS和JS文件在Tridion中创建多媒体组件
• 记下URI，然后在DWT中使用如下内容：

如果模板使用默认的Finish Actions构建块，则Tridion将解析对这些二进制文件的引用，并将其与页面一起发布。 这样做的副作用是，这些二进制文件将与使用相同模板的所有页面一起发布

选项#2要求您编写一个动态组件模板，可能还需要一些代码来确定文件发布到何处。这更符合我通常实现的内容，但此时此刻，我不建议您这样做。随着你对Tridion知识的增长，你会觉得自己做这件事很舒服。使用此选项，您可以将CSS/JS文件发布到给定位置，然后在DWT中使用引用，而不是使用TCM URI（如上所述）将使用文件发布到的URL

选项#3要求您创建一个“代码组件和模板”，这意味着一个简单的模式，只有一个大的文本字段（不是富文本），在其中复制/粘贴CSS或JS的内容。然后编写一个简单的组件模板，只输出内容。类似于

@@Fields.code@

。 最后，使用一个DW模板创建两个页面模板（一个带有extension.js，另一个带有extension.css）：

@@RenderComponentPresentation（）@@

最后，也绝对不是最不重要的（有许多方法可以剥除这只猫的皮肤），您可以直接将这些CSS/JS文件放在Web服务器上，并在DWT中添加一个链接，指向这些文件可用的URL

---

希望这能给你一些选择。请记住，包含CSS/JS应该在页面模板级别完成（理想情况下是在页面的

部分），而不是在组件模板中完成。

他们使用c#TBB来实现这一点，我们不能在DWT TBB中有任何其他选项吗？我建议采用以下链接方法之一，但我已经用另一种方法更新了我的答案。也请考虑提交SDL Trdion的建议，因为我们真的需要整个Trdion发展社区，以帮助我们创建一个伟大的问答平台，非常感谢，先生，我得到了所有我需要的信息，甚至更多。再次感谢你为了防止与这些技术相关的过度发布，有一种常见的方法是在head元素中使用一个服务器端include作为CSS和JS链接。谢谢你的回答