Fatal编程技术网
  • javascript/
  • Javascript 将Google Translate添加到网站

Javascript 将Google Translate添加到网站

javascript html css

Javascript 将Google Translate添加到网站,javascript,html,css,google-translate,Javascript,Html,Css,Google Translate,看这里，我得到以下代码 函数googleTranslateElementInit（）{ 新的google.translate.TranslateElement（{pageLanguage:'en'，布局：google.translate.TranslateElement.InlineLayout.SIMPLE}，'google_translate_element'）； } 但看这里，在右上角，我看到了以下代码： 选择语言 南非荷兰语 阿尔巴尼亚语 阿拉伯文 亚美尼亚人 阿塞拜疆 巴斯克 白

看这里，我得到以下代码


函数googleTranslateElementInit（）{
新的google.translate.TranslateElement（{pageLanguage:'en'，布局：google.translate.TranslateElement.InlineLayout.SIMPLE}，'google_translate_element'）；
}
但看这里，在右上角，我看到了以下代码：


选择语言
南非荷兰语
阿尔巴尼亚语
阿拉伯文
亚美尼亚人
阿塞拜疆
巴斯克
白俄罗斯人
孟加拉语
保加利亚人
加泰罗尼亚人
中文（简体）
中文（繁体）
克罗地亚人
捷克的
丹麦语
荷兰的
世界语
爱沙尼亚语
菲律宾人
芬兰语
法语
加利西亚人
格鲁吉亚人
德国的
希腊人
古吉拉特邦
海地克里奥尔语
希伯来语
印地语
匈牙利语
冰岛语
印度尼西亚语
爱尔兰的
意大利人
日本人
卡纳达
韩国人
拉丁语
拉脱维亚的
立陶宛语
马其顿的
马来语
马耳他语
挪威语
波斯人
磨光
葡萄牙语
罗马尼亚语
俄语
塞尔维亚人
斯洛伐克语
斯洛文尼亚语
西班牙的
斯瓦希里语
瑞典的
泰米尔人
泰卢固
泰国人
土耳其的
乌克兰人
乌尔都语
越南人
威尔士的
意第绪语
技术支持
函数googleTranslateElementInit（）{
新的google.translate.TranslateElement({
页面语言：“en”
}“谷歌翻译元素”）；
}
前者只能在一个实时站点上工作，而不能在本地计算机上工作，因此我不能使用CSS对其进行定位和设置样式。此外，它不包含任何选择和选项标记

后者包含SELECT和OPTION标记，但如果复制并粘贴整个代码，则它在活动站点上不起作用

我想我的问题是如何使用后面的标记实现google translate？

以下是从html-5-tutorial.com复制的本地和远程标记：

<div id="google_translate_element"></div>
<script>
    function googleTranslateElementInit() {
        new google.translate.TranslateElement(
            {pageLanguage: 'en'},
            'google_translate_element'
        );
    }
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>


函数googleTranslateElementInit（）{
新的google.translate.TranslateElement(
{pageLanguage:'en'}，
“谷歌翻译元素”
);
}


函数googleTranslateElementInit（）{
新的google.translate.TranslateElement（{pageLanguage:'en'，includeLanguages:'th，zh CN，zh TW'，布局：google.translate.TranslateElement.InlineLayout.SIMPLE}，'google_translate_element'）；
}
使用：


（功能（）{
var d=“text/javascript”，e=“text/css”，f=“stylesheet”，g=“script”，h=“link”，k=“head”，l=“complete”，m=“UTF-8”，n=”；
职能p（b）{
var a=document.getElementsByTagName（k）[0]；
a | |（a=document.body.parentNode.appendChild（document.createElement（k））；
a、 儿童（b）}
函数_loadJs（b）{
var a=document.createElement（g）；
a、 类型=d；
a、 字符集=m；
a、 src=b；
p（a）}
函数_loadCss（b）{
var a=document.createElement（h）；
a、 类型=e；
a、 rel=f；
a、 字符集=m；
a、 href=b；
p（a）}
功能智能手机（b）{
b=b.split（n）；
对于（var a=窗口，c=0；c

函数googleTranslateElementInit（）{
新的google.translate.TranslateElement（{pageLanguage:'ko'，layout:google.translate.TranslateElement.InlineLayout.SIMPLE}，'google_translate_element'）；
}

要使google translate对手机友好，请删除布局部分，布局：google.translate.TranslateElement.InlineLayout.SIMPLE


<div id="google_translate_element">
</div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>




函数googleTranslateElementInit（）{
新的google.translate.TranslateElement（{pageLanguage'en'}，'google_translate_element'）；
}


它可以在我的网站上使用，而且对手机友好。

函数googleTranslateElementInit（）{
新的google.translate.TranslateElement（{pageLanguage:'en'，includeLanguages:'ar'，布局：google.translate.TranslateElement.InlineLayout.SIMPLE}，'google_translate_element'）；
}


函数googleTranslateElementInit（）{
新的google.translate.TranslateElement({
页面语言：'en'，
包括语言：“es”，
布局：google.translate.TranslateElement.InlineLayout.SIMPLE
}“谷歌翻译元素”）；
}


函数googleTranslateElementInit（）{
新的google.translate.TranslateElement（{pageLanguage:'en'，includeLanguages:'ar'，布局：google.translate.TranslateElement.InlineLayout.SIMPLE}，'google_translate_element'）；
}

代码


<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'hi', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>




函数googleTranslateElementInit（）{
新的google.translate.TranslateElement（{pageLanguage:'hi'，布局：google.translate.TranslateElement.InlineLayout.SIMPLE}，'google_translate_element'）；
}


函数googleTranslateElementInit（）{
新的google.translate.TranslateElement（{pageLanguage:'fr'，layout:google.translate.TranslateElement.FloatPosition.TOP_RIGHT}，'google_translate_element'）；
}


函数googleTranslateElementInit（）{
新的google.translate.TranslateElement（{pageLanguage'en'}，'google_translate_element'）；
}

{{--Google语言翻译程序启动--}
.谷歌翻译{
显示：内联块；
垂直对齐：顶部；
填充顶部：15px；
}
.goog徽标链接{
显示：无！重要；
}
.goog-te gadget{
颜色：透明！重要；
}
#谷歌翻译元素{
显示：无；
}
.goog-te-banner-frame.skiptranslate{
显示：无！重要；
}
身体{
顶部：0px！重要；
}
函数googleTranslateElementInit2（）{
新的google.translate.TranslateElement({

<script type="text/javascript"> 
    (function(){
        var d="text/javascript",e="text/css",f="stylesheet",g="script",h="link",k="head",l="complete",m="UTF-8",n=".";
        function p(b){
            var a=document.getElementsByTagName(k)[0];
            a||(a=document.body.parentNode.appendChild(document.createElement(k)));
            a.appendChild(b)}
        function _loadJs(b){
            var a=document.createElement(g);
            a.type=d;
            a.charset=m;
            a.src=b;
            p(a)}
        function _loadCss(b){
            var a=document.createElement(h);
            a.type=e;
            a.rel=f;
            a.charset=m;
            a.href=b;
            p(a)}
        function _isNS(b){
            b=b.split(n);
            for(var a=window,c=0;c<b.length;++c)
                if(!(a=a[b[c]])) return ! 1;
            return ! 0}
        function _setupNS(b){
            b=b.split(n);
            for(var a=window,c=0;c<b.length;++c)
                a.hasOwnProperty?a.hasOwnProperty(b[c])?a=a[b[c]]:a=a[b[c]]={}:a=a[b[c]]||(a[b[c]]={});
            return a}
        window.addEventListener&&"undefined"==typeof document.readyState&&window.addEventListener("DOMContentLoaded",function(){document.readyState=l},!1);
    if (_isNS('google.translate.Element')){return}
    (function(){
        var c=_setupNS('google.translate._const');
        c._cl='en';
        c._cuc='googleTranslateElementInit1';
        c._cac='';
        c._cam='';
        c._ctkk=eval('((function(){var a\x3d2143197373;var b\x3d-58933561;return 408631+\x27.\x27+(a+b)})())');
        var h='translate.googleapis.com';
        var s=(true?'https':window.location.protocol=='https:'?'https':'http')+'://';
        var b=s+h;
        c._pah=h;
        c._pas=s;
        c._pbi=b+'/translate_static/img/te_bk.gif';
        c._pci=b+'/translate_static/img/te_ctrl3.gif';
        c._pli=b+'/translate_static/img/loading.gif';
        c._plla=h+'/translate_a/l';
        c._pmi=b+'/translate_static/img/mini_google.png';
        c._ps=b+'/translate_static/css/translateelement.css';
        c._puh='translate.google.com';
        _loadCss(c._ps);
        _loadJs(b+'/translate_static/js/element/main.js');
    })();
    })();
</script> 



function googleTranslateElementInit() {
  new google.translate.TranslateElement(
    {pageLanguage: 'en'},
    'google_translate_element'
  );
}



<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'ko', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>



<div id="google_translate_element">
</div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>



<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'ar', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>



<div id="google_translate_element"></div>
<script type="text/javascript">
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({
      pageLanguage: 'en',
      includedLanguages: 'es',
      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
    }, 'google_translate_element');
  }
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>



<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'ar', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>



<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'hi', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>



<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'fr', layout: google.translate.TranslateElement.FloatPosition.TOP_RIGHT}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>



<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script type="text/javascript">
  function googleTranslateElementInit() {
      new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
  }
</script>



{{-- Google Language Translator  START --}}
<style>
.google-translate {
    display: inline-block;
    vertical-align: top;
    padding-top: 15px;
}

.goog-logo-link {
    display: none !important;
}

.goog-te-gadget {
    color: transparent !important;
}

#google_translate_element {
    display: none;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

body {
    top: 0px !important;
}

</style>

<script src="{{asset('js/translate-google.js')}}"></script>



<script type="text/javascript">
function googleTranslateElementInit2(){
    new google.translate.TranslateElement({
                    pageLanguage:'en',
                    includedLanguages: 'en,es',
        // https://ctrlq.org/code/19899-google-translate-languages
        // includedLanguages: 'en,it,la,fr',
        // layout:     google.translate.TranslateElement.InlineLayout.SIMPLE,
        autoDisplay:true
    },'google_translate_element2');
    var a = document.querySelector("#google_translate_element select");
    // console.log(a);

    if(a){
        a.selectedIndex=1;
        a.dispatchEvent(new Event('change'));
    }
}
</script>

<ul class="navbar-nav my-lg-0 m-r-10">
<li>
    <div class="google-translate">
        <div id="google_translate_element2"></div>
    </div>
</li>



// translate-google.js
(function () {
var gtConstEvalStartTime = new Date();

function d(b) {
    var a = document.getElementsByTagName("head")[0];
    a || (a = document.body.parentNode.appendChild(document.createElement("head")));
    a.appendChild(b)
}

function _loadJs(b) {
    // console.log(b);
    var a = document.createElement("script");
    a.type = "text/javascript";
    a.charset = "UTF-8";
    a.src = b;
    d(a)
}

function _loadCss(b) {
    var a = document.createElement("link");
    a.type = "text/css";
    a.rel = "stylesheet";
    a.charset = "UTF-8";
    a.href = b;
    d(a)
}

function _isNS(b) {
    b = b.split(".");
    for (var a = window, c = 0; c < b.length; ++c)
        if (!(a = a[b[c]])) return !1;
    return !0
}

function _setupNS(b) {
    b = b.split(".");
    for (var a = window, c = 0; c < b.length; ++c) a.hasOwnProperty ? a.hasOwnProperty(b[c]) ? a = a[b[c]] : a = a[b[c]] = {} : a = a[b[c]] || (a[b[c]] = {});
    return a
}
window.addEventListener && "undefined" == typeof document.readyState && window.addEventListener("DOMContentLoaded", function () {
    document.readyState = "complete"
}, !1);
if (_isNS('google.translate.Element')) {
    return
}(function () {
    var c = _setupNS('google.translate._const');
    c._cest = gtConstEvalStartTime;
    gtConstEvalStartTime = undefined;
    c._cl = 'en';
    c._cuc = 'googleTranslateElementInit2';
    c._cac = '';
    c._cam = '';
    c._ctkk = eval('((function(){var a\x3d3002255536;var b\x3d-2533142796;return 425386+\x27.\x27+(a+b)})())');
    var h = 'translate.googleapis.com';
    var s = (true ? 'https' : window.location.protocol == 'https:' ? 'https' : 'http') + '://';
    var b = s + h;
    c._pah = h;
    c._pas = s;
    c._pbi = b + '/translate_static/img/te_bk.gif';
    c._pci = b + '/translate_static/img/te_ctrl3.gif';
    c._pli = b + '/translate_static/img/loading.gif';
    c._plla = h + '/translate_a/l';
    c._pmi = b + '/translate_static/img/mini_google.png';
    c._ps = b + '/translate_static/css/translateelement.css';
    c._puh = 'translate.google.com';
    _loadCss(c._ps);
    _loadJs(b + '/translate_static/js/element/main.js');
})();
})();



    <div id="google_translate_element"></div>
<script> 
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en'
  }, 'google_translate_element');
}
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>