js的国际化

  作为一个菜鸟,发表一些个人的浅见,如果有什么不对,大家一起学习进步!作为个人我是比较懒,是不愿意写这种东西的,但是我在自学的过程中遇到很多问题都是看很多大牛的博客解决的,我想我分享一点,对大家也是一个参考。大家一起学习!

  JS的国际化,个人认为有些鸡肋,颇有那种食之无味,弃之可惜的感觉。因为其实可以用springMVC的国际化解决问题

  首先是js文件

  

  因为i18n的properties是基于JQuery写的 所以导入的时候先到入JQuery

     <script type="text/javascript" src="/js/jquery-1.11.0.js"></script>
      <script type="text/javascript" src="/js/jquery.i18n.properties-min-1.0.9.js"></script>

  配置文件:

  

  配置文件还可以有一个messages.properties这个是默认的文件,你可以加也可以不加,我写的时候是没有问题的。

  配置文件的内容,en里面是英文就行了

  

  zh-CN中:

  

  中文是需要转码的:在你java的jdk中找到bin文件下native2ascii.exe

  转码后自己放进去就行了。

  function loadProperties() {
            jQuery.i18n.properties( {// 加载资浏览器语言对应的资源文件
                        name : ‘messages‘, // 资源文件名称
                        path : ‘/resouce/‘, // 资源文件路径
                        mode : ‘map‘, // 用 Map 的方式使用资源文件中的值
               
                        callback : function() {// 加载成功后设置显示内容 
                            $(‘#label_username‘).html(
                                    $.i18n.prop(‘username‘));
                            // 显示“密码”
                            $(‘#label_password‘).html(
                                    $.i18n.prop(‘password‘));
                        }
                    });
                }

  记得调用一下这个方法啊!

  

   我当时写这个时候是看的http://www.ibm.com/developerworks/cn/web/1305_hezj_jqueryi18n /   但是有些不是很适用,所以也看下别人的。我这个比较基础了,刚说的那个网站你可以一起看,学习嘛!他的一些细节我这边稍微补充了一点,不过人家都是大牛了,后台的代码虽然我知道干嘛,能写出类似效果,但是用了什么我就不知道了。有知道的可以告诉我下,扩展一下,谢谢了

   对了,还有加载文件的时候

  

  首先加载是默认文件文件,然后才是中文或者英文的文件,而且会加载message_zh文件和messages_zh-CN,我没有写zh文件,页面会对这个请求报404的。对于国际化是不会有影响的,知道详细的可以指导下我哦!

  

时间: 2024-10-11 09:30:27

js的国际化的相关文章

pdf.js在国际化的时候,显示不了中文的解决办法

在项目中使用了pdf实现在线预览功能,开始工具栏中一直都是英文的,在view.js中设置了也不起作用,偶然发现了问题所在 当我把网站发布到iis上的时候,用google浏览器的审查元素功能的审核发现js报错了 Failed to load resource: the server responded with a status of 404 (Not Found) :8082/web/locale/locale.properties 原来是找不到本地化文件,但文件明明就存在啊,看了文件的后缀名才

Django国际化注意事项

涉及两部分内容: py/html文件国际化.外部js文件国际化 步骤 1. settings.py 激活相应的配置 2. 针对py文件,需要注意被翻译代码的编写方式 3. 针对html文件,需要注意被翻译字符的编写方式 4. 外部脚本js,包含一些交互提示信息,国际化版本需要翻译这些信息.要实现web标准化,我们首先必须实现HTML页面结构.行为.样式的分离.如何不改变外部脚本的引入方式,同时实现外部脚本国际化的问题?django提供了针对外部脚本国际化的解决方案! 一.settings.py配

应用九:Vue之国际化(vue-i18n)

vue-i18n是一款针对Vue.js 的国际化插件,具体应用步骤如下: 一.安装插件 npm install vue-i18n --save 二.在main.js中引入插件 import VueI18n from 'vue-i18n' Vue.use(VueI18n) 三.创建i18n实例 const i18n = new VueI18n({  // 默认语言  locale: 'zh', // 引入对应的语言包文件  messages: {        'zh': require('@/a

Myeclipse下ExtJs环境搭建

一.资源下载以及相关介绍 Ext开发包,我们可以从官方网站里进行下载 http://www.sencha.com/products/extjs/download 笔者下载位置为Myeclipse根目录下 Ext开发包目录结构说明 builds目录为ExtJS压缩后的代码 docs目录为ExtJS的文档 examples目录中是官方的演示示例 locale是多国语言的资源文件,其中ext-lang-zh_CN.js是简体中文,必须引入 overview是ExtJS的功能概述 pkgs中是ExtJS

struts2+Hibernate4+spring3+EasyUI环境搭建之五:引入jquery easyui

1.下载jquery easyui组件     http://www.jeasyui.com/download/index.php 2.解压 放到工程中  如图 3.jsp引入组件:必须按照如下顺序 <script type="text/javascript" src="jslib/jquery-easyui-1.4.4/jquery.min.js"></script> <!--jquery文件 --><script typ

【AngularJS学习笔记】开发时候的建议目录结构,基本开发步骤

项目目录结构划分 Debug Node.JS的生成目录 Node_modules Node.Js的依赖项 Src 项目源文件 ----|framework  项目框架 --------|app --------|css --------|data --------|font --------|img --------|js --------|plugin ----|modules --------|父菜单中填写的module名,父节点 ------------|app 主要项目文件 ------

05WAB入门-Widget开发

命名规范 实例地址:http://www.arcgis.com/apps/webappviewer/index.html?config=sample-configs/config-demo.json Widget类    Widget.js Widget模板    Widget.html Widget配置    config.json Widget i18n    nls/strings.js Widget style    css/style.css Widget icon    images

啊实打实大声道

欢迎进入Flask大型教程项目!¶ 翻译者注:本系列的原文名为:The Flask Mega-Tutorial ,作者是 Miguel Grinberg . 本系列是作者平时使用 Flask 微框架编写应用的经验之谈,这里是这一系列中所有已经发布的文章的索引. Hello World 作者背景 应用程序简介 要求 安装 Flask 在 Flask 中的 “Hello, World” 下一步? 模板 回顾 为什么我们需要模板 模板从天而降 模板中控制语句 模板中的循环语句 模板继承 结束语 web

Flask 教程

欢迎进入Flask大型教程项目! 翻译者注:本系列的原文名为:The Flask Mega-Tutorial ,作者是 Miguel Grinberg . 本系列是作者平时使用 Flask 微框架编写应用的经验之谈,这里是这一系列中所有已经发布的文章的索引. Hello World 作者背景 应用程序简介 要求 安装 Flask 在 Flask 中的 “Hello, World” 下一步? 模板 回顾 为什么我们需要模板 模板从天而降 模板中控制语句 模板中的循环语句 模板继承 结束语 web