您的位置:知识库 » Web前端

微软发布最新jQuery国际化插件 诸多实例用法解析

作者: Scott Guthrie Scott Guthrie  发布时间: 2010-06-28 11:46  阅读: 7314 次  推荐: 0   原文链接   [收藏]  

  示例:动态加载国际化文件

  在上一节说过,你应该尽量避免在页面中引用jQuery.glob.all.js文件, 因为它实在是太大了。相反,你可以动态地加载你所需要的国际化信息。比如说,你要创建一个下拉列表显示下面这些语言:

创建一个下拉列表显示下面这些语言

  下面的代码会在用户从下拉框中选择一个新的语言后执行。这段代码会先判断选中的语言对应的国际化脚本文件是否已经加载了。如果还没有加载,则使用jQuery的$.getScript()函数动态加载国际化脚本文件。

动态加载国际化脚本文件

  当国际化脚本文件被浏览器加载以后,就会调用globalizePage()函数,继而执行客户端的代码完成国际化。这个方法的优点是可以让你避免加载整个jQuery.glob.all.js文件—只要加载使用到的文件,而且只加载一次。示例下载中的5_Dynamic.htm文件演示了这个方法。

  示例:自动检测用户的常用语言设置

  大多数网站通过检测用户的浏览器设置来得到其常用语言,然后根据这种语言文化习惯来国际化网站内容。用户可以在浏览器中设置一个常用语言。这样,用户在请求页面时,常用语言设置会包含在请求Http消息头的Accept-Language字段中。如果使用的是微软的IE浏览器,可以通过以下步骤设置你常用的语言:

  1. 在菜单栏里选择工具,Internet 选项。

  2. 选择常规标签。

  3. 在外观里点击语言按钮。

  4. 点击添加在语言列表里增加新的语言。

  5. 然后把你最常用的语言放在列表的最顶端。

  你可以在这个对话框中设置多门常用语言。所设置语言的顺序关系将会体现在HTTP请求的Accept-Language字段中,如:

  1. Accept-Language:fr-FR,id-ID;q=0.7,en-US;q=0.3 

  比较奇怪的是,用户不能够通过客户端的JavaScript脚本得到Accept-Language的内容。微软的IE和Firefox浏览器都支持一系列语言相关的属性,这些属性可以通过Window.navigator进行访问,例如windows.navigator.browserLanguage和window.navigator.language,不过这些属性中的语言一般指的是操作系统中设置的语言或者是浏览器的语言版本。你不能通过这些属性来得到用户设置的常用语言。

  得到用户语言偏好(也就是Accept-Language字段中的内容)的唯一可靠方法就是编写服务器代码。例如,下面的ASP.NET页面就利用了服务器的Request.UserLanguages属性把用户的语言偏好设置赋给了客户端JavaScript的acceptLanguage变量(然后就可以通过客户端JavaScipt访问这些值了):

通过客户端JavaScipt访问这些值

  为了使这段代码能够正常工作,页面中必须包含与acceptLanguage对应的文化信息。例如如果你的常用语言是fr-FR(法语-法国),那就必须在这个页面中引用jQuery.glob.fr-FR.js或者jQuery.glob.all.js这两个JavaScript脚本之一,否则没办法得到文化信息。关于这个方法的应用可以示例下载中的”6_AcceptLanguages.aspx”。

  如果对于页面中用户的常用语言没有对应的脚本包含其文化信息,那么$.preferCulture()方法就会引用中立(neutral)的文化信息(例如,使用jQuery.glob.fr.js,而不是jQuery.glob.fr-FR.js)。如果中立文化信息也不可用,那么$.preferCulture()方法就会回滚到使用默认文化(英语)。

0
0
标签:jQuery

Web前端热门文章

    Web前端最新文章

      最新新闻

        热门新闻