尤明明Blog

网站建设 | 前端切图,技术不仅是一种专业,更是一种责任!

您的当前位置: 首页 » 前端学习 » js常用代码 »

js使用localStorage和元素属性完成多语言切换功能

2024-11-28   Umming   js常用代码    评论(0)    浏览(42)


     var lans = localStorage.getItem('lan');
     function lan(el,type){
           $el = $(el);
           $el.parent().addClass('on').siblings().removeClass('on');
           localStorage['lan'] = type;
           $(".ini").each(function(){
            var ini;
           if(type=="cn"){
                $(".cn_Show").show();
                $(".en_Show").hide();
                $(".jp_Show").hide();
               ini = $(this).attr('cn');
               $(this).addClass('lcn').removeClass('ljp len');
            }else if(type=="jp"){
                $(".cn_Show").hide();
                $(".en_Show").hide();
                $(".jp_Show").show();
               ini = $(this).attr('jp');
                $(this).addClass('ljp').removeClass('lcn len');
            }else if(type=="en"){
                $(".cn_Show").hide();
                $(".en_Show").show();
                $(".jp_Show").hide();
               ini = $(this).attr('en');
                $(this).addClass('len').removeClass('ljp lcn');
            }
             $(this).html(ini);   
           })
        }
        
       $(function(){
        if(lans){
            if(lans =='en'){
              lan('.lan_en','en')
            }else if(lans =='cn'){
              lan('.lan_cn','cn')
            }else if(lans =='jp'){
              lan('.lan_jp','jp')
            }
        }else{
          localStorage.setItem('lan','en');  
        }
       })

标签: js代码

本文链接:https://www.umming.com/js/372.html

声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!


发表评论:

//