关于JS通过google翻译插件实现多语言版本

 更新时间:2023年06月28日 09:25:03   作者:李易1212  
这篇文章主要介绍了JS通过google翻译插件实现多语言版本,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

目前谷歌翻译小工具对中文网页(以及其他语言网页)提供了对其他二十三种语言的翻译: 中文(繁体),英文,阿拉伯文,保加利亚文,波兰语,朝鲜语,丹麦语,德语,俄语,法语,芬兰语,荷兰语,捷克语,克罗地亚文,罗马尼亚语,挪威语,葡萄牙语,日语,瑞典语,西班牙语,希腊语,意大利语和印度文。也就是说当你的网站使用了谷歌翻译小工具后,你的网站马上可以以另外二十三种语言显示,这对所有期望与国际接轨,让全球网民了解中国博大精深的网页资讯的有志站主来说都是一大福音。当然,机器自动翻译的翻译质量还远远落后于专业但昻贵的翻译公司人工翻译的质量,翻译出的文字一定不及人工翻译来得“信达雅”。但是想想你的网页需要翻译公司翻成二十三种语言需要花多少时间及经费,谷歌翻译小工具在时间及经费有限的情况下提供“有比没有好”的外语资讯。

js代码

$(document).ready(function () {
    //默认语言:cy,de,el,en,es,fr,it,ja,ko,nl,pl,pt,th,vi,zh-CN,zh-TW
    var lang = getUrlParam("lang");
    if (lang != undefined && lang != null) {
        SetCookie("googtrans", "/zh-CN/" + lang);
    }
    setTimeout("googleTranlate.InitGoogleTranlateLoadFrame()", 2000);
    $("body").on("change", function () { googleTranlate.InitGoogleTranlateLoadFrame(); });
    $("#google_translate_element").on("click", function () { googleTranlate.InitGoogleTranlateLoadFrame(); });
});
var googleTranlate = {
    InitGoogleTranlateLoadFrame: function () {
        $(document.getElementsByClassName("goog-te-menu-frame")).attr("id", "googletranfrm")
        var data = $(document.getElementById("googletranfrm").contentWindow.document.body);
        if ($(data).find(".selflang").length == 0) {
            var html = "<a class='goog-te-menu2-item selflang' href='javascript:void(0)'onclick=\"parent.googleTranlate.GoToInitPage()\"><div style='white-space: nowrap;'><span class='indicator'>?</span><span class='text'>English</span><span style='color:red'>(Original Language)</span></div></a>";
         //   $(html).insertBefore($(data).find(".goog-te-menu2-item").first());
        $(data).find(".goog-te-menu2-item").last().parent().append(html);
            $(data).find(".selflang").insertBefore($(data).find(".goog-te-menu2-item").eq(0));
        }
    },
    GoToInitPage: function () {  //清除cookie刷新当前页
        var expires = new Date();
        expires.setTime(expires.getTime() - 1000);
        document.cookie = "googtrans='';path=/;expires=" + expires.toGMTString() + ";";
        document.cookie = "googtrans='';path=/;expires=" + expires.toGMTString() + ";domain=allpcb.com";
        window.location.href = window.location.href;
    }

demo地址:http://www.deriva.cn/technology/detail/2437

到此这篇关于JS通过google翻译插件实现多语言版本的文章就介绍到这了,更多相关js google翻译插件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • layer弹出层中H5播放器全屏出错的解决方法

    layer弹出层中H5播放器全屏出错的解决方法

    本文主要介绍了layer弹出层中H5播放器全屏出错解决&属性poster底图占满video的方法,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • js canvas实现放大镜查看图片功能

    js canvas实现放大镜查看图片功能

    这篇文章主要为大家详细介绍了js canvas实现放大镜查看图片功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • js 目录列举函数

    js 目录列举函数

    用js获取文件目录的代码,一般主要是用了区别vbs的一些代码
    2008-11-11
  • JavaScript实现设置默认日期范围为最近40天的方法分析

    JavaScript实现设置默认日期范围为最近40天的方法分析

    这篇文章主要介绍了JavaScript实现设置默认日期范围为最近40天的方法,结合实例形式分析了javascript结合HTML5 date元素进行时间运算相关操作技巧,需要的朋友可以参考下
    2017-07-07
  • Javascript+CSS3实现进度条效果

    Javascript+CSS3实现进度条效果

    本篇文章主要介绍Javascript+CSS3实现进度条效果,可以实现给用户一个等待的过程,有需要的可以了解一下。
    2016-10-10
  • web开发跨域原因的多种解决方案

    web开发跨域原因的多种解决方案

    我们在web项目开发中,经常会遇到各种跨域的问题,本文带你解决web开发中多种跨域原因的解决,有需要的朋友可以借鉴参考下,希望能够有所帮助
    2021-09-09
  • JavaScript实现简洁的俄罗斯方块完整实例

    JavaScript实现简洁的俄罗斯方块完整实例

    这篇文章主要介绍了JavaScript实现简洁的俄罗斯方块,以完整实例形式分析了JavaScript实现俄罗斯方块游戏的具体技巧,代码备有详尽的注释便于理解,需要的朋友可以参考下
    2016-03-03
  • 基于JavaScript实现在线网页烟花效果

    基于JavaScript实现在线网页烟花效果

    这篇文章主要为大家详细介绍了如何利用JavaScript实现简单的在线网页烟花效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-02-02
  • JavaScript实现简单表单验证案例

    JavaScript实现简单表单验证案例

    这篇文章主要为大家详细介绍了JavaScript实现简单表单验证案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • 微信小程序静默登录的实现代码

    微信小程序静默登录的实现代码

    这篇文章主要介绍了微信小程序静默登录的实现代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-01-01

最新评论