简介:
国际化,网页自动翻译,同谷歌浏览器自动翻译的效果,适用于网站。
使用步骤:
1. 引入js库
<script src="https://www.eyhtml.com/translate/translate.js"></script>
2. 在页面最底部加入js代码
//translate.ignore.tag.push('span'); //翻译时追加上自己想指定忽略的tag标签,凡是在这里面的,都不进行翻译。 //translate.ignore.class.push('test'); //翻译时指定忽略的class name,凡是class name 在这里面的,都不进行翻译。如果不设置默认只有 ignore 这一个 //translate.setAutoDiscriminateLocalLanguage(); //设置用户第一次用时,自动识别其所在国家的语种进行切换 translate.setUseVersion2(); //设置使用v2.x 版本 translate.execute(); //执行翻译初始化操作,显示出select语言选择
注意,要在页面最底部加。如果你在页面顶部加,那下面的是不会被翻译的
如果你网页中有ajax请求更新了数据,要对其更新的数据进行翻译时,可直接执行 translate.execute();
进行翻译
<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>
相关文章