JS实现html国际化三

步骤一

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

步骤二

<script type="text/javascript">

var app = angular.module("translate",[]);

//修改默认边界符
app.config(function($interpolateProvider) {
	  $interpolateProvider.startSymbol(‘[‘);
	  $interpolateProvider.endSymbol(‘]‘);
	});

function translate($scope){
	$scope.info = null;
	$.i18n.properties({
		name:‘messageResources‘,
		language:‘zh_CN‘,
		path:‘../resource/‘,
		mode:‘map‘,
		callback:function(){
			$scope.info = $.i18n.map;
		}
	});

}

</script>

步骤三

<body ng-controller="translate">

<div  id="test">
<script id="jsmart_tpl" type="text/x-jsmart-tmpl">
<!--<div ng-bind="info.language">
</div>-->
<div>
[info.language]
</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>

</body>
时间: 2024-08-15 02:44:37

JS实现html国际化三的相关文章

js oop中的三种继承方法

JS OOP 中的三种继承方法: 很多读者关于js opp的继承比较模糊,本文总结了oop中的三种继承方法,以助于读者进行区分. <继承使用一个子类继承另一个父类,子类可以自动拥有父类的属性和方法.(继承的两方,发生在两个类之间)> 一.通过object实现继承 1:定义父类 function Parent(){} 2:定义子类 funtion Son(){} 3:通过原型给Object对象添加一个扩展方法. Object.prototype.customExtend = function(p

js中confirm揭示三个按钮“是”“否”“取消”

js中confirm提示三个按钮"是""否""取消" 重载DOM中confirm window.confirm = function(str) {   str=str.replace(/\'/g, "'&chr(39)&'").replace(/\r\n|\n|\r/g, "'&VBCrLf&'");   execScript("n = msgbox('"

mustache.js使用基本(三)

作者:zccst 本节要点是子模块(partials)和分隔符(delimiter)等 1,子模块(partials) /* {{>partials}}以>开始表示子模块,如{{> address}}: 当结构比较复杂时,我们可以使用该语法将复杂的结构拆分成几个小的子模块,例如: */ var data = { "company": "Apple", "address": { "street": "

JS地毯式学习三

1. 插件是一类特殊的程序 . 他可以扩展浏览器的功能 , 通过下载安装完成 . 比如 , 在线音乐.视频动画等等插件. // 检测非 IE 浏览器插件是否存在function hasPlugin(name) {var name = name.toLowerCase();for (var i = 0; i < navigator.plugins.length; i ++) {if (navigator.plugins[i].name.toLowerCase().indexOf(name) >

前端之JavaScript:JS之DOM对象三

js之DOM对象三 一.JS中for循环遍历测试 for循环遍历有两种 第一种:是有条件的那种,例如    for(var i = 0;i<ele.length;i++){} 第二种:for (var i in li ){} 现在我们来说一下测试一下第二种(数组和obj的) 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8">

js之DOM对象三

js之DOM对象三 一.JS中for循环遍历测试 for循环遍历有两种 第一种:是有条件的那种,例如    for(var i = 0;i<ele.length;i++){} 第二种:for (var i in li ){} 现在我们来说一下测试一下第二种(数组和obj的) 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8">

js高级程序设计(三)基本概念

数据类型 ECMAscript中有五种简单数据类型Undefined,Null,Boolean,Number,String 还有一种复杂数据类型Object. typeof操作符 typeof可能返回下列某个字符串 undefined--------------如果这个值未定义 boolean----------------如果这个值是布尔值 string------------------如果这个值是字符串 number----------------如果这个值是数值 object------

【JS】Js中函数的三种调用方式

在同一个页面中,函数名必须是唯一的,并且区分大小写.Js中可以通过下面三种方式调用函数: 1. 函数的简单调用 2. 在事件的响应中调用函数 3. 通过连接调用函数 具体是怎么操作的呢,下面一一讲解: 函数的简单调用:函数的定义语句通畅被放在HTML文件的<head>内,而函数的调用语句通常被放在<body>中.如果函数定义之前调用函数,执行将会出错. 语法如下: <head> <script type="text/javascript">

js数组去重的三个方法

在工作上,对json数据处理时,例如遇到对某些产品的尺码进行排序,不同的产品都有相同的尺码那是正常不过的事情,如果我们要把这些转成表格的形式来展现,那么这些尺码就不要不能重复才行.在这里呢,我就写几个数组去重的方法,给大家参考参考: 方法一:对数组进行先排序,排完序之后在让元素与前一个元素做对比,相同的就去掉 说明:该方法用到的是sort()方法和slice(),下面我直接贴代码上来,里面有注释说明,相信大家肯定是看得懂的 var arr = ['a', 'b', 'c', 'd', 'e',