html页面如何实现中英文切换

迷南。 2022-04-18 00:11 1141阅读 0赞

**分享一下我老师大神的人工智能教程！零基础，通俗易懂！[http://blog.csdn.net/jiangjunshow][http_blog.csdn.net_jiangjunshow]**

**也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！**

如何实现html页面的双语切换呢？最粗暴的办法是做两个页面，一个中文的，一个英文的。稍微温和的方法是：在每次显示之前，对当前的语言标志进行判断，用if和else来解决，其实，这种办法虽然没有那么粗暴，但也够恶心的了。还是用其他办法吧，废话少说，直接上代码。

为了简便起见，我用lang\_flag来作为切换标志，那么代码如下;

test.html文件：

<html><head><script type="text/javascript" src="language.js"></script><script type="text/javascript" src="test.js"></script><script>var lang_flag = 1;</script></head><body><script> document.write(love[lang_flag]);fun();</script></body></html>

test.js文件：

var lang_flag = 1;function fun(){ document.write(like[lang_flag]);}

language.js文件：

var love = ['Wo ai ni.', 'I love you!'];var like = ['Wo xi huan ni.', 'I like you!'];

这样，中英文就在资源文件language.js中，多好啊。

#### 给我老师的人工智能教程打call！[http://blog.csdn.net/jiangjunshow][http_blog.csdn.net_jiangjunshow] ####

![这里写图片描述][SouthEast]

[http_blog.csdn.net_jiangjunshow]: https://blog.csdn.net/jiangjunshow/article/details/77338485
[SouthEast]: /images/20220418/3bc08122618b49379904388922f2243a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，1141人围观）

还没有评论，来说两句吧...

相关阅读

相关 SpringMVC 国际化-中英文切换

国际化是为了实现不同地区页面呈现不同的语言问题；编写程序实现国际化，在xml文件中做响应的配置，然后编写.properties文件即可。实现登录界面的中英文切

约定不等于承诺〃/ 2024年02月18日 15:58/ 0 赞/ 155 阅读

相关 idea中英文版本切换

![ae8f17ef9f2247158c27bd2367a2ebcb.png][] 上面是英文版本下面是中文版本 ![9b55a59de0f74eeaa66c6e71f

曾经终败给现在/ 2023年10月10日 14:46/ 0 赞/ 152 阅读

相关 uni-app 中英文切换

先看下图片代码结构 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9i

女爷i/ 2023年03月13日 06:40/ 0 赞/ 202 阅读

相关 Qt国际化（中英文切换）

> 这里讲一讲我实现中英文切换的过程。。。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ib

秒速五厘米/ 2023年01月01日 13:54/ 0 赞/ 265 阅读

相关 Vue-i18n 实现中英文切换

中英文切换先安装依赖 `npm install vue-i18n` 创建文件在根目录新建i18n文件 `langs/cn.js` mo

雨点打透心脏的1/2处/ 2022年10月19日 12:59/ 0 赞/ 270 阅读

相关 admin页面中英文切换配置

admin页面中英文切换配置 settings文件中，默认配置是英文 LANGUAGE_CODE = 'en-us' 页面效果： ![image-20

我就是我/ 2022年09月01日 14:45/ 0 赞/ 307 阅读

相关 html页面如何实现中英文切换

分享一下我老师大神的人工智能教程！零基础，通俗易懂！[http://blog.csdn.net/jiangjunshow][http_blog.csdn.net_jiangju

迷南。/ 2022年04月18日 00:11/ 0 赞/ 1142 阅读

相关 Qt 国际化（中英文切换）

1. 在工程中，新建一个资源文件，命名为translator ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_sh

柔情只为你懂/ 2022年03月16日 09:14/ 0 赞/ 689 阅读

相关 vue 中英文切换

vue2.X版本中在build/webpack.config.js文件中在属性pulgins中设置如下属性： plugins: [ new web

左手的ㄟ右手/ 2021年10月18日 16:24/ 0 赞/ 649 阅读

相关单页面内容切换.html

通过锚点实现单页面内容切换 -------------------- 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

矫情吗；*/ 2021年10月12日 19:35/ 0 赞/ 490 阅读