SharePoint 2010自定义母版页小技巧—

通常在我们的项目中，都会涉及到母版页的定制。并且必不可少的，需要配合以一套自己的JavaScript框架和CSS样式。
你有没有遇到过这样的情况呢，在开发环境和UAT时都还算顺利，但是当最终部署到生产服务器场时，运行完PS 脚本后，发现网页的其他部分似乎都没事，唯独样式和Ajax不正常，。

当我们调出我们最好的朋友（IE的F12开发人员工具，或者Firebug和Chrome浏览器开发控制台），就会发现问题是由于我们在生产环境中改变了网站集的URL结构导致绝对路径不能正常工作。

那么问题就来了，我们如何能写出一个最佳的URL引用，来替代硬编码或绝对地址。从SDK里一通寻找后，终于找到如下的解决方案：

JavaScript文件的引用

<asp:ScriptManager id="ScriptManager" runat="server" EnablePageMethods="false"
EnablePartialRendering="true" EnableScriptGlobalization="false" EnableScriptLocalization="true"><Scripts><asp:ScriptReference
Path="<%$SPUrl:~SiteCollection/Style Library/ProjectPortal/js/jquery-1.5.2.js%>">
</asp:ScriptReference><asp:ScriptReference
Path="<%$SPUrl:~SiteCollection/Style Library/ProjectPortal/js/ProjectPortalLoadAfterJquery.js%>">
</asp:ScriptReference>                </Scripts>
</asp:ScriptManager>

CSS样式文件的引用

<SharePoint:CssRegistration ID="CssRegistration1"
name="<% $SPUrl:~sitecollection/Style Library/ProjectPortal/ppb-styles.css  %>"
After="corev4.css" runat="server"/>

如上所示，实现这一魔法的关键在于$SPUrl:~sitecollection这个Token，它会随着网站集URL而变。所以保证了整个文件引用路径的正确。

很有用的一个小技巧吧。

参考资料

SharePoint 2010 Custom Master Page Tips and Tricks -> JavaScript and StyleSheet Reference

SharePoint 2010自定义母版页小技巧——JavaScript和CSS引用相关推荐

javascript小技巧JavaScript[对象.属性]集锦（转自飛雪飄寒）
javascript小技巧&&JavaScript[对象.属性]集锦,建议你 ctrl+F 直接在这个页上找,因为这里80%有你要找的! javascript小技巧事件源对象 ev ...
55种网页常用小技巧(javascript) （转）
55种网页常用小技巧(javascript) 1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <tab ...
SharePoint 2010 ——自定义上传页面与多文件上传解决方案
SharePoint 2010 --自定义上传页面与多文件上传解决方案参考文章: (1)SharePoint 2010 --自定义上传页面与多文件上传解决方案 (2)https://www.cnbl ...
Powershell 自定义对象小技巧
豆子之前在脚本里面自定义对象的时候一般是这么考虑的,我需要创建一个数组,每次循环的时候把一个自定义的对象放进去,对于这个自定义的对象的结构,我需要创建一个哈希表,然后转换成自定义对象.这个思路是没错, ...
SharePoint 2010 自定义Ribbon实现文档批量下载为Zip文件
在SharePoint 2010文档库中,结合单选框,在Ribbon中提供了批量处理文档的功能,比如,批量删除.批量签出.批量签入等,但是,很遗憾,没有提供批量下载,默认的只能一个个下载,当选择多个文 ...
小程序JavaScript，css常用工具类
小程序时间相关 1,获取当前时间(年月日时分秒) 示例:2020年12月30日20时38分 // 获取当前时间_getCurrentTime() {var d = new Date();var mo ...
javascript小技巧JavaScript[对象.属性]集锦
如果你找的javascript的东西的话,建议你 ctrl+F 直接在这个页上找,因为这里80%有你要找的,但是要让你挨着看的话,你就准备看完就去配眼镜!! 事件源对象 event.srcEleme ...
javascript小技巧 JavaScript[对象.属性]集锦 [zz]
因为这两篇太安逸了,东西很多,很实用,所以转到我格子里! 总的来说,如果你要找js 的东西,而不看这两篇的话,肯定要多花好多时间!!哈哈!! 如果你找的javascript的东西的话,建议你 ctrl ...
javascript小技巧JavaScript[对象.属性]集锦 [转载了多篇]
因为这两篇太安逸了,东西很多,很实用,所以转到我格子里! 总的来说,如果你要找js 的东西,而不看这两篇的话,肯定要多花好多时间!!哈哈!! 如果你找的javascript的东西的话,建议你 ctrl ...

SharePoint 2010自定义母版页小技巧——JavaScript和CSS引用

SharePoint 2010自定义母版页小技巧——JavaScript和CSS引用相关推荐

最新文章

热门文章