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

时间:2021-05-21 20:16:59

        如何实现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中,多好啊。