技术标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wokuailewozihao/article/details/82021709
--------------------------------------------------------------------------------------------------
先说背景
网站已经使用常见的方式实现中英国际化，即每种语言写一套对应的语言文件，但后期要求实现多国语言国际化，如果还按照之前的方式，工作量大。
且不便于维护，某个词改了统统都要改。
//推荐一个github项目：https://github.com/hujingshuang/MTrans
因此有没有一种简单易用的及时翻译插件，类似于谷歌浏览器自带的翻译工具那种，一点即可全文翻译。
最后在网上找到了一些，要么没有文档介绍，要么就需要npm安装，nodejs支持啥的，但是我对前端并不精通，就继续找，最后找到了谷歌插件(官方已经不再维护更新：https://translate.google.com/manager/website/)，简单易用。
使用方法，在页面加入以下代码即可
//更新一下2019-04-10
一个简单的demo
<html>
<body>
我爱你
<!--把button放在右下角，这个是可以随意修改的，你可以改成一个链接一个图片之类的-->
<div id="google_translate_element" style="position:absolute;bottom:10px;right:10px;z-index:2000;opacity:0.7"></div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement(
{
//这个是当前页面的原语言，便于插件精确翻译
pageLanguage: 'zh-CN',
//这个是你需要翻译的语言，比如你只需要翻译成越南和英语，这里就只写en,vi
includedLanguages: 'en,zh-CN,hr,cs,da,nl,fr,de,el,iw,hu,ga,it,ja,ko,pt,ro,ru,sr,es,th,vi',
//选择语言的样式，这个是面板，还有下拉框的样式，具体的记不到了，找不到api~~
layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
//自动显示翻译横幅，就是翻译后顶部出现的那个，有点丑，这个属性没有用的话，请看文章底部的其他方法
autoDisplay: true,
//还有些其他参数，由于原插件不再维护，找不到详细api了，将就了，实在不行直接上dom操作
},
'google_translate_element'//触发按钮的id
);
}
</script>
<script src="https://translate.google
文章浏览阅读1.8k次。摘自： [ORACLE EBS 入门及供应链核心系统详解教程] (书籍)EBS基础功能架构（13个核心模块，业财一体化）业务运营管理，价值增值财务会计管理，价值实现应用架构Finance财务，资金流Accounting财务管理Bisuness业务，实物流核心业务，与财务高度集成；PUR、INV、制造、订单履行等间接业务，or专业业务，为核心业务提供支持；HR..._ebs r12
文章浏览阅读838次。转载：https://blog.csdn.net/ccecwg/article/details/39546307_java date timestamp区别
文章浏览阅读1.4k次。1、我们先了解一下原生js中的选择器ID选择器（在整个文档中获取id为xxx的元素）document.getElementId([ID]);类名选择器（在整个文档中或者在指定上下文中获取类名为xxx的元素）document.getElementsByClassName(' ');[context].getElementsByClassName(' ');标签名选择器（在整个文档中或者..._原声js实现jq元素选择器
文章浏览阅读1.2k次，点赞3次，收藏4次。通常查询时会对整个数据库查询，而这带来了大量的开销，因此引入了partition的概念，在建表的时候通过设置partition的字段, 会根据该字段对数据分区存放，更具体的说是存放在不同的文件夹,这样通过指定设置Partition的字段条件查询时可以减少大量的开销。1）partition by [key..] order by [key..]只能在窗口函数中使用，而distribute by [key...] sort by [key...]在窗口函数和select中都可以使用。_partition by distribute by
文章浏览阅读7.3k次。Private SQL Area A private SQL area holds information about a parsed SQLstatement and other session-specific information for processing. When a serverprocess executes SQL or PL/SQL code, the process_c# cursor
文章浏览阅读616次。近日在用ListView中的一些注意点，和公用代码，整理如下1.ListView.Items.Clear而不是ListView.Clear一般如果ListView是动态填充的，我们在填充之前都会先进行清理。但需要注意一下，我们是清理Items,如果去直接Clear整个ListView，就连原先定义好的列都没有了2.给ListView绑定数据ListView并不能直接_listview的使用——购物商城实验心得
文章浏览阅读110次。如果没有用来读取注解的方法和工作，那么注解也就不会比注释更有用处了。使用注解的过程中，很重要的一部分就是创建于使用注解处理器。Java SE5扩展了反射机制的API，以帮助程序员快速的构造自定义注解处理器。注解处理器类库(java.lang.reflect.AnnotatedElement)：Java使用Annotation接口来代表程序元素前面的注解，该接口是所有Annotation类型的父接口..._java注解处理器作用
文章浏览阅读1.8k次，点赞27次，收藏28次。全国职业技能大赛高职组(最新职业院校技能大赛_大数据应用开发样题解析-模块B：数据采集-任务一：离线数据采集-程序员宅基地。_大数据 国赛 样题
文章浏览阅读926次。本系统分为管理员和注册用户两个角色，主要有疫情新闻、疫情案例介绍、健康信息申报、行程信息申报、就医流程介绍、举报、在线留言、用户管理、信息统计等模块。用户需要先注册成为会员，成功登录后，可以查看网站发布的疫情新闻，可以查看疫情相关病例介绍，有助于疫情防范，还可以查看网站发布的重大疫情案例，了解疫情的发展状况，出行时候好做好防护，同时通过网站可以上报健康信息，以及上报行程信息，方便社区了解自己的出行情况；网站还发布了疫情状态下的就医流程，方便大家就医时候做好准备；同时网站还提供了举报功能，如果发现外来人员或_ssm+微信小程序
文章浏览阅读296次，点赞3次，收藏9次。本节关键字：Linux、centos、串口、U盘、共享文件夹本节相关指令：echo、cat、mkdir、mount
文章浏览阅读1.3k次，点赞45次，收藏29次。本篇主题为： 解密C++新特性：内联函数、auto关键字和基于范围的for循环。
文章浏览阅读774次，点赞4次，收藏11次。1、浏览器常见的报错信息与含义2、304与204的区别，http缓存，强缓存，协商缓存3、浏览器从输入地址到渲染，经历了什么状态？4、vue的界面渲染，经过哪些过程（生命周期）5、三次握手，四次挥手6、重排与重绘7、用css实现一个三角形8、常见的flex布局，有哪些功能9、用css实现一个水平垂直居中10、null与undefined的区别11、虚拟dom12、深拷贝与浅拷贝13、es6新增的功能15、async await 与promise。_今年的前端面试难不难