Javascript实现多语言选择功能

最新推荐文章于 2024-03-27 08:29:50 发布

kingwell2010

最新推荐文章于 2024-03-27 08:29:50 发布

阅读量508

点赞数

分类专栏： Javascript 文章标签：多语言选择

Javascript 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

Javascript实现多语言选择功能：

function languageChoose() {
	//ID选择
	var $ = function (id) {
		return document.getElementById(id)
	}
	
	//判断此页面是不有语言选项，有则执行下面的操作，避免出错。
	if (!$("language")) {
		return false;
	}
	
	//获取语言选项下目标
	var li = $("language").document.getElementsByTagName("li");
	
	for (var i = 0, len = li.length; i < len; i++) {
		//通过闭包，即一个匿名函数获得当前目标
		(function (n) {
			li[n].onclick = function () {
				//获取language的值 en/cn/....
				switch (this.language) {
				case "en":
					alert("您选择的是英文");
					window.location.href = "http://www.google.com/";
					break;
				case "cn":
					alert("您选择是中文");
					window.location.href = "http://www.baidu.com/";
					break;
				default:
					//alert(0);
					break;
				}
			}
		})(i)
		
	} //For End
	
	//Language choose  End
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>kingwell</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
*{padding:0; margin:0; font-family:Arial; font-size:12px; line-height:20px}
body{margin:50px;}
#language li{color:#666; cursor:pointer;}
</style>
<script type="text/javascript">
//执行函数
languageChoose()
</script>
</head>
<body>
Language
<ul id="language">
<li language="en">English</li>
<li language="cn">Chinese</li>
</ul>
</body>
<html>

kingwell2010

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Javascript实现多语言选择功能

Javascript实现多语言选择功能： function languageChoose() { //ID选择 var $ = function (id) { return document.getElementById(id) } //判断此页面是不有语言选项，有则执行下面的操作，避免出错。 if (!$("language")) { r...
复制链接

扫一扫