`

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

相关推荐

    javascript.html实现表单验证

    虽然它是作为开发Web页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。 [1] JavaScript在...

    JavaScript写贪吃蛇功能

    用纯JavaScript语言编写的贪吃蛇功能,同时还具有自动运行的观摩功能

    javascript实现贪吃蛇游戏

    用 Javascript 编程和其他语言的一个大的区别就是键盘的控制代码不同。js是通过 Key=event.keyCode 语句获取键盘码,再在多分支 switch 结构里分别处理。看完这些代码就会对浏览器里的键盘控制有所了解了。 当然...

    JavaScript实现的Git项目JS-Git.zip

    JS-Git是一款使用纯JavaScript实现Git客户端和服务器端的开源项目。其主要采用模块化设计,可以运行在任何可以运行JavaScript的平台上。 为什么要使用JavaScript重新实现Git? JavaScript要比其它任何语言都意义...

    JavaScript语言教程及案例.docx

    - JavaScript是一种脚本语言,通常用于在Web浏览器中实现交互式功能。 - 基本数据类型包括数字、字符串、布尔值、数组、对象等。 - JavaScript具有C和Java等语言的语法特征,但也有一些独特的特性,如弱类型和动态...

    用javascript实现的简单日历控件

    大部分日期控件都具备功能如:带时间显示,支持周显示,自定义格式,自动纠错,智能纠错,起始日期,操作按钮自定义,快速选择日期,支持多种调用模式等,My97...多语言支持和自定义皮肤支持,跨无限级框架显示和自动选择显示位置

    JavaScript脚本语言

     通过超文本(Hyper Text)和超媒体(Hyper Media)技术结合超链接(Hyper link)的链接功能将各种信息组织成网络结构(web),构成网络文档(Document),实现Internet上的“漫游”。通过HTML符号的描述就可以实现文字、表格...

    vue写法-使用js高阶函数实现多条件搜索功能

    之前出过一个react写法的前端搜索([react写法——使用js高阶函数实现多条件搜索功能] 今天我们再研究一下vue中怎么实现。 react和vue有什么区别? 这个区别要细说可太多了,但是最终都能归为语法不同,封装方式不同...

    YC++编译器--多语言程序设计

    YC编译器--多语言程序设计 *可编译C/C++、ASM(包括SSE和AVX)、Javascript和YSP等语言的源代码 *YC服务器源代码(ycs.js、ychttp.cpp) *YCOS操作系统源代码(ycos.cpp、ycboot.cpp、ychead.cpp、ycker.cpp …) *...

    多语言融合网络工程课设:KNN用户评分协同过滤算法实现源码

    项目名称:多语言融合网络工程课设 - KNN用户评分协同过滤算法实现 项目概述: 本项目采用多种编程语言共同实现了一套基于KNN(K-近邻)算法的用户评分协同过滤系统。该系统主要用于预测用户对未评分项目的评分,...

    JavaScript知识点

    虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式(如函数式编程)范式。JavaScript是一种属于...

    js.zip(JavaScript)

    虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式(如函数式编程)范式。 JS文件在网页中用于...

    基于MindAR实现的WebAR图片识别追踪功能源码

    html、css和JavaScript语言,根据识别图生成的.mind文件调用摄像头进行识别,识别后叠加渲染gltf模型并进行追踪,同时模型进行动作展示。 AR大部分的时候实现方式都是基于高通Vuforia或者EasyAR等基于Unity3d的引擎...

    基于JAVA社区网络服务系统的毕业设计,前端使用HTML、CSS、JavaScript技术,后端使用JAVA语言和MySQL数据

    本系统的设计实现了JAVA社区网络服务的基本功能,包括用户管理、信息发布、搜索、第三方登录等。系统采用前后端分离的设计,前端使用HTML、CSS、JavaScript技术,后端使用JAVA语言和MySQL数据库。系统设计简单、功能...

    Web前端开发技术-初识JavaScript.pptx

    在计算机、手机等设备上浏览的网页,其大多数的交互逻辑几乎都是由JavaScript实现的。 作用:主要用于开发交互式的Web页面,使网页的互动性更强,用户体验更好。 ;初识JavaScript;;JavaScript内嵌于HTML网页中,通过...

    JAVA语言考试系统的设计与实现.rar

    考试计时:使用JavaScript实现考试计时功能,确保考生在规定时间内完成考试。 题目展示:根据考试信息从题库中随机选择题目,并在考试界面展示给考生,支持不同类型题目的展示和作答。 答题提交:考生完成答题后,...

    JavaScript娇娆向日葵

    玩法:随着音乐节奏,点击左右按钮控制场景中人物形象播放速度,操作反应越快燃烧的卡路里越多、人物形象播放速度越快。 核心功能: 微信授权登录 好友排行榜 游戏个性化分享 小程序-云开发(获取用户信息、加载...

    PhoneGap开发Android 程序例子(只用Javascript+HTML并跨手机平台)

    PhoneGap是一款开源的手机应用开发平台,它仅仅只用HTML和JavaScript语言就可以制作出能在多个移动设备上运行的应用。PhoneGap将移动设备本身提供的复杂的API进行了抽象和简化,提供了一系列丰富的API供开发者调用,...

    1.JavaScript面试真题-210页.pdf

    客户端脚本语言:JavaScript主要用于前端开发,通过嵌入到HTML页面中,实现与用户的交互和动态内容的生成。它可以操作DOM(文档对象模型),改变页面结构、样式和行为。 跨平台兼容性:JavaScript在各种主流浏览器...

    基于 OpenAI API 的纯 Javascript ChatGPT 实现

    纯JS实现的ChatGPT项目,基于OpenAI API。...支持复制/更新/刷新会话,语音输入,朗读等功能,以及众多自定义选项。支持搜索会话,深色模式,自定义头像,快捷键,多语言,PWA应用,API额度显示等。支持加密HTML文件。

Global site tag (gtag.js) - Google Analytics