您的位置：首页 > 其它

select的练习，实现一个下拉选择语言

2020-04-20 17:25 393 查看

select的练习，实现一个下拉选择语言

在同一个文件夹里创建：index.html 和 core.js

HTML代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>语言选择框</title>
<script src="./core.js"></script>
</head>
<body>
<table width="100%" height="100%">
<tr>
<td>
<h1>
<span id="title">blockly模块转代码</span>
</h1>
</td>
<td class="farSide">  <!--这里的class属性是使用style.css里面的.farSide样式-->
<select id="languageMenu">
<!--<option value="1">简体中文</option>-->
</select>
</td>
</tr>
</table>
<!--
<script>
var languegeMenu = document.getElementById('languageMenu');
languegeMenu.options.add(new Option('text1','value'));
</script>
-->
</body>
</html>

javascript代码:

// "严格模式"是一种在JavaScript代码运行时自动实行更严格解析和错误处理的方法。这种模式使得Javascript在更严格的条件下运行。
'use strict'

var Code = {};  //创建一个空对象

Code.LANGUAGE_NAME = {  //给Code添加属性，用于装载语言名称
'ar': 'العربية',
'be-tarask': 'Taraškievica',
'br': 'Brezhoneg',
'ca': 'Català',
'cs': 'Česky',
'da': 'Dansk',
'de': 'Deutsch',
'el': 'Ελληνικά',
'en': 'English',
'es': 'Español',
'et': 'Eesti',
'fa': 'فارسی',
'fr': 'Français',
'he': 'עברית',
'hrx': 'Hunsrik',
'hu': 'Magyar',
'ia': 'Interlingua',
'is': 'Íslenska',
'it': 'Italiano',
'ja': '日本語',
'kab': 'Kabyle',
'ko': '한국어',
'mk': 'Македонски',
'ms': 'Bahasa Melayu',
'nb': 'Norsk Bokmål',
'nl': 'Nederlands, Vlaams',
'oc': 'Lenga d\'òc',
'pl': 'Polski',
'pms': 'Piemontèis',
'pt-br': 'Português Brasileiro',
'ro': 'Română',
'ru': 'Русский',
'sc': 'Sardu',
'sk': 'Slovenčina',
'sr': 'Српски',
'sv': 'Svenska',
'ta': 'தமிழ்',
'th': 'ภาษาไทย',
'tlh': 'tlhIngan Hol',
'tr': 'Türkçe',
'uk': 'Українська',
'vi': 'Tiếng Việt',
'zh-hans': '简体中文',
'zh-hant': '正體中文'
};

Code.initLanguage = function() {
var languegeMenu = document.getElementById('languageMenu');
//languegeMenu.options.add(new Option('text1','value'));
for(var lang in Code.LANGUAGE_NAME)
{
languegeMenu.options.add(new Option(Code.LANGUAGE_NAME[lang]));
}
}

Code.init = function() {
Code.initLanguage();
}
//窗口加载完之后执行Code.init方法
window.addEventListener('load', Code.init);
  • 点赞
  • 收藏
  • 分享
  • 文章举报
￥万有引力￥ 发布了10 篇原创文章 · 获赞 8 · 访问量 4205 私信 关注
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航