JS二操作

タスク1：都市の完了（湖南を含む）は、3つの結合、コードおよびレンダリング有します。
<！DOCTYPE HTML>
<HTML>
<HEAD>
    <TITLE>市の完了コードおよびレンダリングを持つ（湖南省を含む）3つのリンケージ、。</ TITLE>
</ HEAD>
<BODY>
 <SELECT ID = "省">
   <オプション値= " - 1">は、</オプション>を選択
 </ SELECT>
 <SELECT ID = "市"> </ SELECT>
 <SELECT ID = "国"> </ SELECT>
 <スクリプトタイプ= "テキスト/ JavaScriptを">
   のvar provinceArr = [ "上海"、「江蘇省''河北省''湖南'];
   VARのcityArr = [
                  ['上海市']、
                  ['蘇州''南京''揚州']、
                  ['
                      [「黄エリア」、「領域ジン」、「寧」、「浦東」] 
                     ]、
                     [ 
                      [「虎丘」、「呉領域」、「都市相」、「蘇州エリア」、「領域呉江']、
                      ['玄武''秦領域''建業''ドラム・エリア'' pukou ']、
                      ['漢江'' Guangling ''領域チヤントー「] 
                     ]、
                     [ 
                      [ 「長安」、「西領域」、「新華領域」、「Jingxingマイニング」]、
                      [「港エリア」、「領域山海関」、「北戴河エリア」、「領域funing」]、
                      [「東領域」 、 '西領域'、 'Xuanhuaエリア'、 '領域Xiahuayuan'] 
                     ]、
                     [ 
                      [ 'ハイビスカスエリア'、 '領域Yuelu'、 '天心'、 'オープンエリアフー']、
                      [ 'Hetang'、 'Lusong'、 'Shifeng'、 '天元']、
                      [「雨湖、 'Yuetang']
                     】 
                    ]。
    関数creatOption（OBJ、データ）{ 
        （データでVAR i）に対する{ 
            VARのOP =新しいオプション（データ[i]は、I）。
            obj.options.add（OP）。
        } 
    } 
    VAR州=のdocument.getElementById（ '州'）。
    creatOption（州、provinceArr）。   

    VAR市=のdocument.getElementById（ "都市"）; 
    province.onchange =関数（）{ 
        city.options.length = 0。
        creatOption（都市、cityArr [province.value]）。
        IF（province.value> = 0）{ 
            city.onchange（）。
        }他{ 
            country.options.length = 0。
        } 
    }。

    VAR国=のdocument.getElementById（ "国"）; 
    city.onchange =関数（）{ 
        country.options.length = 0。
        creatOption（国、countryArr [province.value] [city.value]）; 
    }。              
 </スクリプト> 
</ BODY> 
</ HTML>


タスク2：等しい要素とARRアレイのうち2、および新しい配列を生成するには、元の配列を変更しません。
<！DOCTYPE HTML>
<HTML>
<HEAD>
    <METAのcharset = "UTF-8">
    2に等しいARRの配列要素のうち、<タイトル>、および新しい配列を生成するには、元の配列は変更されません。</タイトル>
</ head>
<body>
  <SCRIPT>
   のvar ARR = [1,2,3,4,2,5,6,2,7,2];
   VARのSTR4のarr.slice =（1,2） ;
   VAR STR1のarr.slice =（4,5）;
   VARのSTR2 = arr.slice（7,8）;
   VARのSTR3のarr.slice =（9）;
   STR = str1.concat（STR2、STR3、STR4）;
   ドキュメント。書き込み（ "ソースアレイARR：" + ARR）
   のdocument.write（ "A"）;
   のdocument.write（「配列ARR等しい要素2とのうち、新たな配列strを生成します。 "+ STR）;
   document.writeを（"
</ BODY> 
</ HTML>

タスク3：変更を達成するための関数を書く、div要素に赤の二重枠を配置するために、ボタンをクリックしてください。

<！DOCTYPE HTML> 
<HTML> 
<HEAD> 
    <METAのcharset = "UTF-8"> 
    <タイトル> div要素に赤の二重の境界線を追加し、変更ボタンをクリックして達成するための機能を記述します。</ TITLE> 
    <スタイルタイプ= "テキスト/ CSS"> 
        のdiv { 
            フォントファミリ： "ヘルベチカノイエ"、ヘルベチカ、ゴシック、 "微軟雅黒"、サンセリフ; 
            幅：600PX; 
            テキスト整列=左：センター; 
        } 
        。 {母
            マージントップ：20ピクセル; 
            マージン左：250ピクセル、
            フォントサイズ：20ピクセル; 
        } 
        .haha：ホバー{ 
            ボーダー：3px紫色固体; 
        } 
    </スタイル> 
</ HEAD> 
   <Buttonクラス= "母"のonclick = "myFunctio N - （）">チャン E </ボタン> 
   <スクリプトタイプ= "テキスト/ JavaScriptを"> 
    関数MyFunctionを（）{ 
        VAR =カラーdocument.getElementById（ "喜び"）; 
        Color.style.border = "ダブルレッド3px"; 
        Color.innerHTML = "<P>運命ではありません。</ P>"; 
       
    } 
    </ SCRIPT> 
</ BODY> 
</ HTML> 

感じる
　　このトレーニングを今オフになっているか、他の人のコードを参照してください言語に新たな知識の多くのために、ほとんど一日を過ごしました。Jscriptのは、以前と比較されるすべての言語は少しを学ぶのは簡単ですが、全体的に、私は感じて、基本的に限り、我々は把握しやすい練習として、理解することができます。

おすすめ