SharePoint 2010自定义母版页小技巧——JavaScript和CSS引用
来源:互联网 发布:g代码编程实例图片 编辑:程序博客网 时间:2024/06/06 16:40
通常在我们的项目中,都会涉及到母版页的定制。并且必不可少的,需要配合以一套自己的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而变。所以保证了整个文件引用路径的正确。
0 0
- SharePoint 2010自定义母版页小技巧——JavaScript和CSS引用
- 母版页的子页引用css和javascript
- SharePoint 2010 品牌化和自定义--母版页
- 使用母版页时内容页如何使用css和javascript -引用未经验证
- SharePoint品牌化和自定义--第一章节--SharePoint品牌化介绍(6)--SharePoint母版页
- SharePoint 2010 母版页定制小思路介绍
- SharePoint 2010 母版页定制小思路介绍
- 母版页中引用js和css文件
- 使用SharePoint 2010 母版页
- 使用SharePoint 2010 母版页
- WebPart(SharePoint)中如何使用自定义的Javascript和css
- SharePoint品牌化和自定义--创建会议工作区母版页
- SharePoint 2010最为精简的母版页
- 使用SharePoint 2010的母版页
- 使用SharePoint 2010的母版页
- sharepoint母版页
- sharepoint母版页
- sharepoint母版页
- linux常见服务端口
- 报文交换数据小练习
- 神秘顾客观质量控制要点
- 注解框架---AndroidAnnotations
- Android FragmentManage FragmentTransaction介绍
- SharePoint 2010自定义母版页小技巧——JavaScript和CSS引用
- 游戏机制新设计工具(Machinations)工作原理
- java中对象的引用(强引用、软引用、弱引用、虚引用)
- (2.1.2.2)Java多线程(二)、线程的生命周期和状态控制
- 《程序员的度量,改善软件团队的分析学》读书笔记
- OpenLayers 3 之 使用 AJAX 通信
- Qt 创建OpenGL窗口
- CLOSE_WAIT状态的原因与解决方法
- 学习笔记-OpenGL -再议gluPerspective和gluLookAt的关系