JS实现html国际化二

步骤一

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

步骤二

//翻译
 jSmart.prototype.registerPlugin("modifier","translate",function(name,lang){
 	
	 	var name_t,lang_t=lang;
		 $.i18n.properties({
			name:'messageResources',
			language:lang_t!=null?lang_t:'zh_CN',
			path:'../resource/',
			mode:'map',
			callback:function(){
				name_t=$.i18n.prop(name);
			}
		}); 
		return name_t;
});

步骤三

<div  id="test">

<script id="jsmart_tpl" type="text/x-jsmart-tmpl">
<div>
{language|translate:zh_CN}
</div>
</script>
</div>

<script type="text/javascript">
var data={aa:'123',bb:'1234'};
var tpl = new jSmart(document.getElementById('jsmart_tpl').innerHTML);
var res = tpl.fetch(data);
$("#test").append(res);
</script>


转载于:https://my.oschina.net/u/2255569/blog/388285

原生HTML实现国际化可以采用以下方法: 1. 使用lang属性:在HTML标签中使用lang属性来标明当前页面使用的语言,例如:lang="zh-CN"表示中文。 2. 使用meta标签:在HTML头部使用meta标签来指定当前页面的语言,例如:<meta http-equiv="Content-Language" content="zh-CN"> 3. 使用文本编码:在HTML中使用Unicode编码来显示各种语言文字,同时使用UTF-8等编码格式来支持多种字符集。 4. 使用JavaScript:通过JavaScript动态修改页面中的文本内容来实现国际化,可以通过定义多个语言版本的文本文件,然后根据用户的语言环境加载相应的文本文件。 例如,以下是一个简单的JavaScript代码示例,根据用户的语言环境加载不同的文本文件: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>国际化示例</title> <script> var lang = navigator.language || navigator.userLanguage; // 获取用户的语言环境 if (lang === "zh-CN") { // 如果是中文 var script = document.createElement('script'); script.src = 'zh-CN.js'; // 加载中文版的文本文件 document.head.appendChild(script); } else { // 否则默认加载英文版的文本文件 var script = document.createElement('script'); script.src = 'en-US.js'; // 加载英文版的文本文件 document.head.appendChild(script); } </script> </head> <body> <h1 id="title"></h1> <p id="content"></p> </body> </html> ``` 在上述代码中,根据用户的语言环境动态加载相应的文本文件,并在页面中显示对应的文本内容。 综上所述,使用JavaScript动态修改页面中的文本内容是一种原生HTML实现国际化的方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值