关于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三元表达式示例详解

    JavaScript三元表达式示例详解

    这篇文章主要给大家介绍了关于JavaScript三元表达式的相关资料,三元运算符是JavaScript仅有的使用三个操作数的运算符,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-02-02
  • JavaScript中判断函数是new还是()调用的区别说明

    JavaScript中判断函数是new还是()调用的区别说明

    具名函数的各种调用方式 在之前篇幅中已经介绍过了。这篇看看如何判断一个函数是被new调用的,还是被其它方式调用的。
    2011-04-04
  • JavaScript实现HSL拾色器

    JavaScript实现HSL拾色器

    这篇文章主要为大家详细介绍了JavaScript实现HSL拾色器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • iScroll中事件点击触发两次解决方案

    iScroll中事件点击触发两次解决方案

    iScroll是我们在做手机网页中常用的滑动控件之一。单说其功能已相当丰富。但个别时候也是会掉坑的,正好这次就遇上了。在android的app中嵌入网页时不少手机会出现一次点击两次触发的现象。经过一段时间的折腾,总算想到了一个还算合理的解决放案。
    2015-03-03
  • js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口

    js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口

    去全角、半角空格 自动关闭当前窗口等实现函数。
    2009-04-04
  • 微信小程序轮播图swiper代码详解

    微信小程序轮播图swiper代码详解

    swiper组件是滑块视图容器,主要用来做图片轮播。这篇文章主要给大家介绍了关于微信小程序轮播图swiper代码的相关资料,需要的朋友可以参考下
    2020-12-12
  • JavaScript设计模式适配器模式实例

    JavaScript设计模式适配器模式实例

    这篇文章主要介绍了JavaScript设计模式适配器模式实例,适配器设计模式可以让彼此不兼容的功能在一块工作,有助于避免大规模的修改代码,并且易于扩展和兼容
    2022-06-06
  • JavaScript 对象合并的几种方法小结

    JavaScript 对象合并的几种方法小结

    本文主要介绍了JavaScript 对象合并的几种方法小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-02-02
  • 浅谈webpack打包过程中因为图片的路径导致的问题

    浅谈webpack打包过程中因为图片的路径导致的问题

    下面小编就为大家分享一篇浅谈webpack打包过程中因为图片的路径导致的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • Javascript的常规数组和关联数组对比小结

    Javascript的常规数组和关联数组对比小结

    关联数组虽然可以用字符串作下标,但是这个下标是不支持参数传值的,换言之,你需要什么就取什么,听起来很智能,实际上你取值仍然需要你手动去写下标的
    2012-05-05

最新评论