<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>语言切换</title> </head> <body style="display:none"> <!-- 需要搭建服务器，才能运行 --> <ul class="dropdown-menu dropdown-menu-right" style="min-width: 80px;margin-right: -8px;margin-top: 2px;"> <li> <a tabindex="-1" href="javascript:;" id="change-ch"><span class="ishow_ch">中文</span><span class="ishow_hw">??</span><span class="ishow_en">Chinese</span></a> </li> <li> <a tabindex="-1" href="javascript:;" id="change-hw"><span class="ishow_ch">韩文</span><span class="ishow_hw">??</span><span class="ishow_en">Korean</span></a> </li> <li> <a tabindex="-1" href="javascript:;" id="change-en"><span class="ishow_ch">英文</span><span class="ishow_hw">??</span><span class="ishow_en">English</span></a> </li> </ul> <script src="https://cdn.bootcss.com/jquery/2.1.0/jquery.min.js"></script> <script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <!------------------- 语言切换逻辑实现 Start -------------------> <script> //避免同时加载多个语言 $(‘body‘).show(300); $(‘#change-ch‘).click(‘on‘,function(){ $.cookie(‘switch‘, ‘0‘, { expires: 30 }); location.reload(); }) $(‘#change-en‘).click(‘on‘,function(){ $.cookie(‘switch‘, ‘1‘, { expires: 30 }); location.reload(); }) $(‘#change-hw‘).click(‘on‘,function(){ $.cookie(‘switch‘, ‘2‘, { expires: 30 }); location.reload(); }) $(function(){ //默认显示英文 $(‘.ishow_ch‘).hide(); $(‘.ishow_hw‘).hide(); $(‘.ishow_en‘).show(); //switch === 0 显示中文 if($.cookie(‘switch‘) == 0){ $(‘.ishow_en‘).hide(); $(‘.ishow_hw‘).hide(); $(‘.ishow_ch‘).show(); //switch === 1 显示英文 }else if($.cookie(‘switch‘) == 1){ $(‘.ishow_ch‘).hide(); $(‘.ishow_hw‘).hide(); $(‘.ishow_en‘).show(); //switch === 2 显示韩文 }else if($.cookie(‘switch‘) == 2){ $(‘.ishow_ch‘).hide(); $(‘.ishow_en‘).hide(); $(‘.ishow_hw‘).show(); } }) </script> <!----------------- 语言切换逻辑实现 End -------------------------> </body> </html>
原文：https://www.cnblogs.com/wrongcode/p/10584113.html