`

Javascript实现多语言选择功能

阅读更多

 

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>
 

 

0
0
分享到:
评论

相关推荐

    html多语言切换demo 多语言翻译 js多语言插件

    本示例"html多语言切换demo"提供了一种高效且易于理解的解决方案,特别适合初学者和那些希望快速实现多语言功能的开发者。这个压缩包包含了实现这一功能所需的文件,可以直接运行,无需额外配置。 首先,我们要了解...

    基于Python、HTML、JavaScript、CSS的多语言实现的MySQL选择功能设计源码

    该项目是一款多语言支持的MySQL选择功能设计源码,采用Python作为主要开发语言,同时融入HTML、JavaScript和CSS等技术。项目文件共计6163个,包括1462个pyc文件、1286个Python源代码文件、1196个多语言翻译文件(mo...

    javascript实现中文输入法

    JavaScript实现中文输入法是一个复杂而有趣的任务,它涉及到汉字与拼音的映射、用户交互以及浏览器兼容性等多个方面。在JavaScript环境下开发这样的功能,开发者通常会利用到一些库或者工具,比如提供的`pinyinjs-...

    html-jquery多语言选择下拉框

    HTML和jQuery多语言选择下拉框是一种常见的网页交互设计...通过合理的设计和编程,可以创建出既实用又具有良好用户体验的多语言选择功能。在实际开发过程中,可以根据项目需求进行适当的调整和优化,确保兼容性和性能。

    javascript实现打印报表功能

    总之,JavaScript实现打印报表功能是一项综合性的任务,涵盖了前端交互、数据处理、文件操作等多个方面。通过不断学习和实践,开发者可以掌握这些技能,从而在项目中实现高效、灵活的报表打印和文件转换功能。

    Javascript实现截图功能(代码)

    在本场景中,我们关注的是如何使用JavaScript实现截图功能。JavaScript实现截图涉及到多个技术点,包括DOM操作、HTML5的Canvas元素以及可能的第三方库如MooTools或jQuery。 首先,`yuImgCut.js`很可能是一个自定义...

    基于JavaScript与多语言集成的DNS IP解析设计源码

    该项目是一款基于JavaScript的多语言集成DNS IP解析系统源码,包含41个文件,涵盖15个JSON...该系统采用JavaScript为主要编程语言,辅以Python、HTML和Vue等语言,实现了IP解析功能,适用于需要多语言支持的网络环境。

    网页歌词秀实现,JavaScript实现

    网页歌词秀是一种常见的在线音乐播放器特性,它允许用户在欣赏音乐的同时查看同步滚动的歌词...开发者可以通过扩展这个基础实现,增加更多高级特性,如歌词搜索、多语言支持和更丰富的视觉效果,以满足不同用户的需求。

    html实现多语言

    在网页开发中,实现多语言功能对于扩大网站的受众范围和提供更好的用户体验至关重要。HTML(超文本标记语言)本身并不具备直接处理多语言的能力,但我们可以利用其他技术和方法来实现这一目标。以下是一个关于如何在...

    Javascript语言参考大全

    JavaScript是一种广泛应用于网络开发的脚本语言,它主要在客户端浏览器上运行,为网页添加交互性和动态功能。作为“Web的三大技术”之一,JavaScript与HTML和CSS共同构建了现代互联网的基础。本篇文章将深入探讨...

    多风格多语言的JavaScript日历控件

    JavaScript日历控件是一种在网页上实现日期选择功能的交互组件,它允许用户方便地选取日期,常用于表单输入、事件安排或者时间相关的应用程序。这类控件通常使用JavaScript编程语言编写,支持多种样式和多语言,以...

    JavaScript仿京东城市地区选择器3级联动菜单,适用于电商购物网站。兼容主流浏览器

    此外,现代前端开发往往使用框架或库来提升开发效率和代码质量,如React、Vue或Angular,但这里提到的示例可能没有使用这些高级框架,而是直接使用原生JavaScript实现。 实现3级联动的关键在于数据的管理和事件的...

    JavaScript+flash实现相册功能

    JavaScript 和 Flash 在网页开发中常用于创建交互式用户体验,尤其是对于实现相册功能。这个话题涉及到前端技术的多个方面,包括动态图片展示、用户交互以及跨平台兼容性等。让我们详细探讨一下如何利用 JavaScript ...

    javascript实现的带缩略图的轮播广告,图片切换

    在这个场景中,我们讨论的是使用JavaScript实现一个带有缩略图的轮播广告,这是一种常见的网页元素,用于展示多张图片或广告,并在用户交互时进行平滑的切换。 轮播广告的基本功能包括顺序播放、点击切换。顺序播放...

    javaScript实现的多游标滑条

    总之,"javaScript实现的多游标滑条"是一个实用且灵活的组件,结合了JavaScript的动态特性与滑条控件的直观交互方式,为用户提供了一种便捷的选择和调整元素占比的工具。其核心技术涉及到DOM操作、事件监听、数组...

    JavaScript实现的Windows资源管理器

    JavaScript实现的Windows资源管理器是一种基于Web技术的文件管理和操作工具,它利用JavaScript语言的强大功能,为用户提供了类似于Windows操作系统中的资源管理器体验。在浏览器环境下,用户可以通过这个应用查看和...

    javascript脚本语言课件

    JavaScript脚本语言是一种广泛应用于网页和网络应用中的编程语言,主要负责实现客户端的交互性和动态效果。本课程针对JavaScript的基础知识进行深入讲解,包括语法、流程控制语句、函数以及数据验证方法,旨在帮助...

    javascript 支持多参数 多语言 读取xml信息

    要实现多语言功能,我们需要创建一个包含不同语言版本的资源文件。在JavaScript中,这些资源文件通常是以JSON格式存储的,每个键对应一个语言字符串。我们可以根据用户的选择动态加载相应的JSON文件,并使用这些...

    javascript日期选择器,很强大

    本主题主要探讨JavaScript日期选择器的实现原理、常见功能以及如何在项目中应用。 JavaScript Date对象是处理日期和时间的基础,它提供了创建、比较、格式化和操作日期的方法。例如,可以使用`new Date()`创建一个...

    纯前端实现JavaScript斗地主代码.zip

    总结来说,这个项目展示了JavaScript在实现复杂交互应用上的强大能力,同时也涵盖了前端开发的多个重要方面,如DOM操作、事件处理、数据结构、算法设计以及用户体验优化。对于学习JavaScript和游戏开发的开发者来说...

Global site tag (gtag.js) - Google Analytics