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

￥万有引力￥

发布了2 篇原创文章 · 获赞 1 · 访问量 37

私信关注

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

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

猜你喜欢