`

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
分享到:
评论

相关推荐

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

    综合来看,该项目的源码实现了一个多语言支持的MySQL选择功能,涵盖了前后端分离的开发模式,具有良好的扩展性和维护性,适用于多种国际化应用的场景,对于希望在项目中加入类似功能的开发人员来说,是一个宝贵的...

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

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

    javascript实现中文输入法

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

    html-jquery多语言选择下拉框

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

    javascript实现打印报表功能

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

    Javascript实现截图功能(代码)

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

    基于xxl-job的JavaScript实现与Java、CSS多语言融合设计源码

    在这三者之间建立一个融合的设计,可以让前端开发人员通过JavaScript实现与后端Java和样式表CSS的无缝交互,从而实现多语言环境下的动态内容展示。 本项目中,包含了多种文件格式,其中Java文件主要用于编写后端...

    基于JavaScript的Vue框架实现的多语言跟随策略设计源码

    在当前的软件开发领域,多...该项目通过精心设计的源码结构和丰富的资源文件,展现了一种实现多语言跟随策略的有效途径。通过这种方式,开发者可以为用户提供无缝的语言切换体验,同时保持应用的高性能和良好扩展性。

    基于Java、CSS和JavaScript的多语言笔记设计源码

    该多语言笔记应用程序的源码展示了如何将Java、CSS、JavaScript以及多语言处理技术相结合,构建出一个功能完善、用户友好的应用程序。它的实现涉及到了后端服务的构建、前端界面的设计、数据存储和管理等多个方面,...

    javascript实现网页日历功能.pdf

    JavaScript作为一个在浏览器端运行的脚本语言,赋予了网页强大的动态效果和数据处理能力,其在实现网页日历功能中发挥着重要的作用。本文将详细介绍如何利用JavaScript结合HTML和CSS技术来创建一个简易的网页日历...

    网页歌词秀实现,JavaScript实现

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

    html实现多语言

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

    Javascript语言参考大全

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

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

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

    基于JavaScript的多语言接口自动化测试平台设计源码

    基于JavaScript的多语言接口自动化测试平台设计源码是一个功能全面、使用便捷、扩展性强的自动化测试解决方案。它通过整合各种资源和技术,提供了一个高效、强大的自动化测试平台,对于提升软件测试效率、保证软件...

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

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

    基于JavaScript核心技术的多语言项目His设计源码

    它不仅为开发者提供了一个实现多语言功能的平台,同时也展示了在现代Web开发中,如何有效地利用各种技术和资源来构建一个全面且易于维护的应用程序。通过这样的项目实践,开发者可以学习到如何处理复杂的多语言需求...

    JavaScript+flash实现相册功能

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

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

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

    javaScript实现的多游标滑条

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

Global site tag (gtag.js) - Google Analytics