关于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翻译插件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript简单遍历DOM对象所有属性的实现方法

    JavaScript简单遍历DOM对象所有属性的实现方法

    这篇文章主要介绍了JavaScript简单遍历DOM对象所有属性的实现方法,涉及JavaScript针对页面元素属性操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • javascript数组去重的六种方法汇总

    javascript数组去重的六种方法汇总

    数组去重复是一个常见的需求,我们暂时考虑同类型的数组去重复。主要是理清思路和考虑下性能。以下方法,有各人总结也有网上热心网友的方法,这里简单地总结一下。
    2015-08-08
  • javascript中直接引用Microsoft的COM生成Word

    javascript中直接引用Microsoft的COM生成Word

    直接引用Microsoft的COM是可以生成Word的,下面为大家介绍下实现的javascript代码
    2014-01-01
  • js实现密码强度检验

    js实现密码强度检验

    这篇文章主要为大家详细介绍了js密码强度检验的实现代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • 微信小程序自定义导航栏(模板化)

    微信小程序自定义导航栏(模板化)

    这篇文章主要为大家详细介绍了微信小程序自定义导航栏(模板化),文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • JS实现HTML页面中动态显示当前时间完整示例

    JS实现HTML页面中动态显示当前时间完整示例

    这篇文章主要介绍了JS实现HTML页面中动态显示当前时间,结合完整实例形式分析了JavaScript使用时间函数setTimeout及clearTimeout动态显示当前时间相关操作技巧,非常简单实用,需要的朋友可以参考下
    2018-07-07
  • 微信小程序自定义头部导航栏(组件化)

    微信小程序自定义头部导航栏(组件化)

    这篇文章主要为大家详细介绍了微信小程序自定义头部导航栏,胶囊按钮,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • uni-app集成使用SQLite数据库的方法步骤

    uni-app集成使用SQLite数据库的方法步骤

    这篇文章主要介绍了uni-app集成使用SQLite数据库的相关资料,包括勾选SQLite选项、封装sqlite.js文件以及在使用时注意的事项,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2025-01-01
  • JS面向对象编程浅析

    JS面向对象编程浅析

    下面就结合我自己的体会和所学习的东东和大家一起来学习在JS中如何使用面向对象的编程。
    2011-08-08
  • javascript实现动态模态绑定grid过程代码

    javascript实现动态模态绑定grid过程代码

    这篇文章主要分享javascript实现动态模态绑定grid过程代码,比较实用,需要的朋友可以参考下
    2014-09-09

最新评论