在当今的互联网时代,网页内容的丰富性和交互性变得越来越重要。然而,有时可能会受限于设计师的能力,无法实现一些复杂的功能。例如,Office Live 使用 SharePoint 和 ASPX (.NET) 创建网站,但只能上传没有代码的标记页面。尽管存在这样的限制,但仍然可以通过客户端的UI操作来克服这些限制。对于这种情况,可以利用一些编程技巧,并通过使用JavaScript框架,使任何普通的网站看起来和行为都变得更好。
这就是jQuery发挥作用的地方。jQuery 是一个JavaScript框架,可以用来在客户端操作DOM,向其他页面或网站发起AJAX调用(注意跨域问题)。要使用这个框架,首先需要弄清楚在哪里获取文件以及如何将其下载到页面上。
可以访问 并获取到一个CDN(内容分发网络)的链接。在这种情况下,可以使用Microsoft CDN。确保复制链接。如果想在网站上保存文件的副本,可以从jquery.com获取jQuery的最新版本。访问网站并查找“获取最新版本”的标题。选择生产复选框,点击下载按钮并保存到计算机。这应该会保存最小化(无空格,无注释,体积更小)的文件。一旦工作站上有副本,可以登录到Office Live管理网站并将文件上传到文档库。
现在已经准备好将jQuery添加到网站了,可以通过一个模块来做到这一点。登录到管理网站并选择网站设计。在页面编辑器中,按照以下步骤操作:
选择需要修改的页面
选择模块
选择自定义页脚(不要选择HTML模块,因为它使用IFrame和计时器来加载HTML)
在对话框中,删除所有内容并添加以下内容:
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html" />
<xsl:template match="/Footer">
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
</xsl:template>
</xsl:stylesheet>
<script type="text/javascript" src="http://www.codeproject.com/documents/jquery-1.4.2.min.js"></script>