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

程序员文章站 2022-04-13 08:41:38

...

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

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