当前位置:Gxlcms > html代码 > 关于html页面中怎样实现中英文切换的实例分享

关于html页面中怎样实现中英文切换的实例分享

时间:2021-07-01 10:21:17 帮助过:138人阅读

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

为了简便起见,我用lang_flag来作为切换标志,那么代码如下;

test.html文件:

  1. <html>
  2. <head>
  3. <script type="text/javascript" src="language.js"></script>
  4. <script type="text/javascript" src="test.js"></script>
  5. <script>
  6. var lang_flag = 1;
  7. </script>
  8. </head>
  9. <body>
  10. <script>
  11. document.write(love[lang_flag]);
  12. fun();
  13. </script>
  14. </body>
  15. </html>

test.js文件:

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

language.js文件:

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

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

以上就是关于html页面中怎样实现中英文切换的实例分享的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行