首页 >web前端 >html教程 >关于html页面中怎样实现中英文切换的实例分享

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

黄舟原创: 2017-07-22 10:20:153372浏览

如何实现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 = [&#39;Wo ai ni.&#39;, &#39;I love you!&#39;];
var like = [&#39;Wo xi huan ni.&#39;, &#39;I like you!&#39;];

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

以上是关于html页面中怎样实现中英文切换的实例分享的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：html中如何嵌入特殊字体中文以及英文的实例下一篇：html中关于charset的语言编码详解

查看更多