SharePoint自定义JS文件最佳实践

Question

我做了一个自定义母版页.我还制作了一个自定义CSS文件,我上传到"样式库".我链接到这个CSS文件:

<SharePoint:CssRegistration name="<% $SPUrl:~SiteCollection/Style Library/coe/mainCOE.css%>" runat="server"/>

现在我想制作一个自定义的JS文件,并在自定义母版页中链接到它.1.我应该在哪里上传JS文件,创建一个像"样式库"这样的文件夹？2.是否有一种SharePoint方式链接到JS文件,如上面的CSS文件？

Answer 1

您可以将JS文件存储在_layouts文件夹中,但将它们存储在样式库中可以免费为您提供工作流程/更改历史记录.

如果将JS文件保存在样式库中,则可以使用标记使用~sitecollection标记在MasterPage中引用它们<SharePoint:Scriptlink>,如下所示:

<SharePoint:Scriptlink runat="server" Name="~sitecollection/Style Library/[YOUR SITE]/js/functions.js" Language="javascript" />

Answer 2

使用样式库并使用 CssRegistration 和 ScriptLink（如果它们有效）。但有时SharePoint 会按您不想要的顺序放置链接。在这种情况下，您可以使用以下内容直接插入引用：

<link rel="stylesheet" type="text/css" href="<% $SPUrl:~SiteCollection/Style Library/coe/mainCOE.css%>" runat="server"/>
<script type="text/javascript" language="javascript" src='<asp:Literal runat="server" Text="<%$SPUrl:~SiteCollection/Style Library/coe/mainCOE.js%>" />'></script>

Answer 3

您可以将该 js 文件上传到网站集文档库中，如果您想将此文件传递到所有网站集，请在侧面布局中创建一个文件夹并将其粘贴到那里。并参考您的客户主页中的内容。