必威体育Betway必威体育官网
当前位置:首页 > IT技术

js 实现html网页简繁体切换

时间:2019-07-12 21:42:06来源:IT技术作者:seo实验室小编阅读:88次「手机版」
 

简繁

荆轲刺秦王

我们在做网站的时候,有时候会遇到 简繁体切换 或者 中英文切换(英文我还遇到 qaq 吼吼吼)(等我遇到了再更吧。。。)

废话不多说,直接上代码(ps : 这个是我在网上找的,属于那种比较简单,拿来即用的那种,不会出什么bug):

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>荆轲刺秦王</title>
</head>
<body>
<input type="button" value="繁体" value="简体" + escape (value)+((expires == null) ? "" : ("; expires=" +LargeExpDate.toGMTString()));
    }
    function getCookie(Name) {
        var search = Name + "="
        if (document.cookie.length > 0) {
            offset = document.cookie.indexof(search);
            if(offset != -1) {
                offset += search.length;
                end = document.cookie.indexOf(";", offset);
                if(end == -1) end = document.cookie.length;
                return unescape(document.cookie.substring(offset, end));
            }else {
                return '';
            }
        }
    }
    function zh_tranBody(obj) {
        var o = (typeof(obj) == "object") ? obj.childNodes : document.body.childNodes;
        for (var i = 0; i < o.length; i++) {
            var c = o.item(i);
            if ('||BR|HR|TEXTAREA|SCRIPT|'.indexOf("|"+c.tagName+"|") > 0) continue;
            if (c.className == zh_class) {
                if (c.id == zh_class + '_' + zh_choose) {
                    c.setAttribute('style', zh_style_active);
                    c.style.csstext = zh_style_active;
                }else {
                    c.setAttribute('style', zh_style_inactive);
                    c.style.cssText = zh_style_inactive;
                }
                continue;
            }
            if (c.title != '' && c.title != null) c.title = c.title.tran();
            if (c.alt != '' && c.alt != null) c.alt = c.alt.tran();
            if (c.tagName == "INPUT" && c.value != '' && c.type != 'text' && c.type != 'hidden' && c.type != 'password') c.value = c.value.tran();
            if (c.nodeType == 3) {
                c.data = c.data.tran();
            }else{
                zh_tranBody(c);
            }
        }
    }
    function zh_tran(go) {
        if (go) zh_choose = go;
        setCookie('zh_choose', zh_choose, zh_expires);
        if (go == 'n') {
            window.location.reload();
        }else {
            zh_tranBody();
        }
    }
    function zh_getLang() {
        if (getCookie('zh_choose')) {
            zh_choose = getCookie('zh_choose');
            return true;
        }
        if (!zh_autoLang_t && !zh_autoLang_s) return false;
        if (getCookie('zh_autoLang_checked')) return false;
        if (navigator.language) {
            zh_browserLang = navigator.language;
        }else if (navigator.browserLanguage) {
            zh_browserLang = navigator.browserLanguage;
        }
        if (zh_autoLang_t && zh_langReg_t.test(zh_browserLang)) {
            zh_choose = 't';
        }else if (zh_autoLang_s && zh_langReg_s.test(zh_browserLang)) {
            zh_choose = 's';
        }
        zh_autoLang_checked = 1;
        setCookie('zh_choose', zh_choose, zh_expires);
        if (zh_choose == zh_default) return false;
        return true;
    }
    function zh_init() {
        zh_getLang();
        c = document.getelementbyid(zh_class + '_' + zh_choose);
        if (zh_choose != zh_default) {
            if (window.onload) {
                window.onload_before_zh_init = window.onload;
                window.onload = function() {
                    zh_tran(zh_choose);
                    if (getCookie('zh_autoLang_check')) {alert(zh_autoLang_msg);};
                    window.onload_before_zh_init();
                };
            }else {
                window.onload = function() {
                    zh_tran(zh_choose);
                    if (getCookie('zh_autoLang_check')) {alert(zh_autoLang_msg);};
                };
            }
        }
    }
    zh_init();

js 代码可以直接放到 html 页面,也可以引用过来。。。。。

楼主亲测十分好用

最最后 感谢大神,把代码分享出来

相关阅读

WEB2.0时代活动类网页我们该如何设计?

在WEB2.0 网页充斥的年代,身边无时无刻都听到这样的声音:“拒绝海报式设计,要做有用的设计,要简洁,要清爽,要大气”产品经理如是传达。

C语言实现超简单贪吃蛇(代码是抄的),我做一下讲解

首先声明,代码是抄的,代码是抄的,代码是抄的,重要的事情说三遍。。如果有侵权请联系我删除。。贴原作者的视频。在b站看的,视频找不到

如何设计网页正文

设计跟随内容,这是一个大家经常听到的词。用户访问网站的目的主要是为了查看内容,因而内容是否吸引人至关重要。而如何让我们的网页

json_decode

$json = "{\"errorno\":0,\"errormsg\":\"可以\",\"data\":{\"guid\":\"5762340\",\"username\":\"wiu370468\"}

js上传视频方法及监控进度

之前写过一篇关于图片上传的方法,不过那都是基于上传到本地服务器上的。跟视频有所不同,因为图片比较小并不考虑到并发量,所以性能这

分享到:

栏目导航

推荐阅读

热门阅读