js实现中英文切换

最新推荐文章于 2024-08-08 14:33:18 发布

Let dreams fly

最新推荐文章于 2024-08-08 14:33:18 发布

阅读量4.6w

点赞数 4

分类专栏： js jquery 文章标签：前端实现网站中英文切换 js实现网站中英文切换 jquery实现网站中英文切换

本文链接：https://blog.csdn.net/weixin_40687883/article/details/81451385

版权

js 同时被 2 个专栏收录

51 篇文章 7 订阅

订阅专栏

jquery

26 篇文章 0 订阅

订阅专栏

js实现中英文切换

1.html

<!DOCTYPE html>

<head>
	<title>中英文切换</title>
	<meta charset="UTF-8" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/language.js"></script>
</head>

<body>
	<button id="change">中英文切换</button>
	<div style="text-align: center">
		你好
	</div>
</body>
<script type="text/javascript">
	$("#change").click(function() {
		translate();
	})
</script>

</html>

2.language.js

$(function(){
    // do something
    var script=document.createElement("script");
    script.type="text/javascript";
    script.src="js/translate.js";
    document.getElementsByTagName('head')[0].appendChild(script);


    var value = sessionStorage.getItem("language");
    document.onreadystatechange = function () {
        if (document.readyState == 'complete') {
            if(value==="1"){
                Microsoft.Translator.Widget.Translate('zh-CHS', 'en', onProgress, onError, onComplete, onRestoreOriginal, 2000);
            }
        }
    }
    function onProgress(value) {
    }
    function onError(error) {
    }
    function onComplete() {
        $("#WidgetFloaterPanels").hide();
    }
    function onRestoreOriginal() {
    }
});

function translate(){
    var value = sessionStorage.getItem("language");
    if(value==="1"){
        sessionStorage.setItem("language", "0");
    }else{
        sessionStorage.setItem("language", "1");
    }
    window.location.reload();//刷新当前页面.
}

3.translate.js是将http://www.microsoftTranslator.com/ajax/v3/WidgetV3.ashx?siteData=ueOIGRSKkd965FeEGM5JtQ**的源码下载下来的，并将里面

<1> J = "block", ib = "inline-block",都改成等于none

<2>s.style.color = q;s.style.backgroundColor = p两行注释

目的是去除翻译后出现的弹框和hover效果

最后：

Let dreams fly

关注

4
点赞
踩
54

收藏

觉得还不错? 一键收藏
打赏
44
评论
js实现中英文切换

js实现中英文切换1.html&lt;!DOCTYPE html&gt;&lt;head&gt; &lt;title&gt;中英文切换&lt;/title&gt; &lt;meta charset="UTF-8" /&gt; &lt;script type="text/javascript" src="js/jquery.js"&gt
复制链接

扫一扫