网站快速添加按钮切换語言: English | 简体中文 | 繁體中文

记录一下过程，方便日后的使用；

简介:

测试一下 translate

国际化，网页自动翻译，同谷歌浏览器自动翻译的效果，适用于网站。

当前为v2版本，v1版本参见：demo_v1.html

使用方式:

1. 引入js库

<script src="https://www.diebaoyun.com/translate.js"></script>

或者：

<script src="https://res.zvo.cn/translate/translate.js"></script>

2、语言切换示例

<div class="title">语言切换示例：</div>    
<div>    
	按钮切换语言:    
	<a class="ignore" href="javascript:translate.changeLanguage('english');">English</a> |    
	<a class="ignore" href="javascript:translate.changeLanguage('chinese_simplified');">简体中文</a> |    
	<a class="ignore" href="javascript:translate.changeLanguage('chinese_traditional');">繁體中文</a>    
</div>

3、select选择框切换语言示例

<script>    
//translate.ignore.tag.push('img'); //翻译时追加上自己想指定忽略的tag标签，凡是在这里面的，都不进行翻译。    
//translate.ignore.class.push('test');	//翻译时指定忽略的class name，凡是class name 在这里面的，都不进行翻译。如果不设置默认只有 ignore 这一个    
//var documents = [];    
//documents.push(document.getElementById('test1'));    
//documents.push(document.getElementById('test2'));    
//documents.push(document.getElementById('test3'));    
//translate.setDocuments(documents); //指定要翻译的元素的集合,可传入一个或多个元素。如果不设置，默认翻译整个网页    
translate.setAutoDiscriminateLocalLanguage();	//设置用户第一次用时，自动识别其所在国家的语种进行切换    
translate.setUseVersion2(); //设置使用v2.x 版本    
translate.execute(); //执行翻译初始化操作，显示出select语言选择    
</script>

注意，要在页面最底部加。如果你在页面顶部加，那下面的是不会被翻译的

如果你网页中有ajax请求更新了数据，要对其更新的数据进行翻译时，可直接执行以下进行翻译：

 translate.execute();

演示地址如下：

http://res.zvo.cn/translate/demo.html