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);