JavaScriptの基本的な使い方

9289 ワード
JavaScript
JavaScriptは元々LiveScriptと呼ばれていたが、Javaのいくつかの文法が加わってJavaScriptと改名され、Javaとは少しも関係がなかった.ブラウザのフロントエンドスクリプト言語であり、ブラウザ側で実行されます.
サービス側に関係のない制御を行う場合に使用でき、ネットワークトラフィックを削減できます.
JavaScriptのスクリプトはheadヘッダに書くか、ファイルに書くか、htmlヘッダで呼び出します.
一、JavaScriptは弱いタイプの言語で、その変数の具体的なタイプを指定する必要はなく、与えられた値のタイプと同じですが、string、Arrayなどは高級言語で言う参照タイプではなく、インスタンスまたはオブジェクトと呼ばれます.変数は次のように宣言されます.
<script type="text/javascript">

        var tmpvalue = 25;

        alert(tmpvalue);

        tmpvalue = "test";

        alert(tmpvalue);

    </script>

二、関数.宣言タイプはfunction名(パラメータ...)です.{関数体}
<script type="text/javascript">

        function GetValue(value) {

            return "the value: " + value;

        }



        alert(GetValue("myvalue"));

    </script>

三、匿名関数.で行ないます.次のコードがあります.
 <script type="text/javascript">

      /*

        function GetValue(value) {

            return "the value: " + value;

        }



        alert(GetValue());

        */



        var f = function (name) {

            return "The name is: " + name;

        };



        alert(f("  "));



        alert(function (Age) {return "The Age: "+Age}(22));

    </script>

後者の方法は推奨されず、めまいがします.
四、変数の初期化
JAvaScriptには、nullとundefinedの2種類の初期化があるかどうかを検出します.
nullは空の値を表しますが、私たちの高級言語のNullとは少し違います.Nullばかりではありません.
nudefinedは、この変数に値が指定されていないことを示します.上級言語のNullに相当します.上の(二、関数)の部分のように、GetValueを呼び出すときにalert(GetValue()と書くと、Webページに表示される結果は、the value:undefinedです.
五、閉パッケージは、私たちの高級言語の「クラス」に相当します.(JavaScriptに類という言い方はありません.)
関数は、その属性、その構造関数など、私たちが使用しているクラスの1つとして操作できます.以下のようにします.
  <script type="text/javascript">

        function Person(name, age) {

        //Name Age       

            this.Name = name;

            this.Age = age;

        //Indroduce       

            this.Indroduce = function () {

                return "The person : " + this.Name + "'s age is " + this.Age;

            };

        }



        var p = new Person("  ", 20);

        alert(p.Indroduce());

    </script>

六.配列、辞書、stackはJavaScriptに高度な言語の動的または静的配列とは呼ばれません.Arrayタイプのもので、サイズを任意に指定できます.dictionaryやstackにも使用できます.
次のように配列を宣言します.
<script type="text/javascript">

        var myarr = new Array();

        myarr[0] = "aa";

        myarr[1] = "bb";

        ....

    </script>

dictionary:  
 <script type="text/javascript">

        var myarr = new Array();

        myarr["  "] = "aa";

        myarr["  "] = "bb";

        myarr["  "] = "cc";

        alert(myarr["  "]);

        alert(myarr.  );

    </script>

stackではpop,pushなどの方法が用いられる.
簡単な方法で宣言することもできます.
<script type="text/javascript">

        var myarr = [1, 2, 3];

        var mystr = { "  ": "  ", "  ": "ＸＸＸＸＸ", "  ": "   " };

        alert(mystr["  "]);

    </script>

七、forループ文
 <script type="text/javascript">

        var myarr = [1, 2, 3];

        var mystr = { "  ": "  ", "  ": "ＸＸＸＸＸ", "  ": "   " };

        alert(mystr["  "]);

        for (var i = 0; i < myarr.length; i++)

            alert(myarr[i]);



        for(var k in mystr)

            alert(k);  //    、   ，  string      ，         foreach



        for (var k in mystr)

            alert(mystr[k]);  //       

    </script>

八、JavaScriptのいくつかの呼び出し常識
JavaScriptは通常、HtmlのHeader部分に置かれたり、ファイルで呼び出されたりします.呼び出し方法は次のとおりです.
<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <script type="text/javascript">

        var myarr = [1, 2, 3];

        var mystr = { "  ": "  ", "  ": "ＸＸＸＸＸ", "  ": "   " };

        alert(mystr["  "]);

        for (var i = 0; i < myarr.length; i++)

            alert(myarr[i]);



        for(var k in mystr)

            alert(k);  //    、   ，  string      ，         foreach



        for (var k in mystr)

            alert(mystr[k]);  //       

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

    

    </div>

    </form>

</body>

</html>

上はヘッダーに直接書いてありますが、htmlの実行順序も上から下までです.次の図はファイルで呼び出されます.ファイルに関数を書き込んでからファイルを呼び出し、buttonのonclickで次の図に示すように関数を呼び出します.
JScript1.jsはjsのファイルで、その内容は:
function GetTheAddress(addr) {    return addr;}
呼び出し手順は次のとおりです.
<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <script src="JScript1.js" type="text/javascript">   </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>    

        <input id="Button1" type="button" value="button" onclick="JavaScript:alert(GetTheAddress('   112 '))" /></div>

    </form>

</body>

</html>

Alertは、ダイアログボックスをポップアップするという意味です.jsファイルを呼び出すには、srcのプロパティを使用します.
JavaScriptの文字列は、図中のonclickイベントのもののように、単一引用符でも二重引用符でもよい. 
 
 
　　
 
 
Spring MVC 內 ModelAndView 用法
sinopiaを使用したプライベートnpmサービスの構築