JavaScript-引入方式、數據類型

引入方式

  1. 頁頭引入(head)
  2. 頁中引入(body)
  3. 元素事件中引入(標籤)
  4. 外部引入(link)

實例

<!DOCTYPE HTML>
<html>
    <head>
        <title>JavaScript引入方式<title>
        <script type="text/javascript" src="function.js">/*外部引入*/</script>
        <script type="text/javascript">
            /*頁頭引入*/
        </script>
    </head>
    <body>
        <script type="text/javascript">
            /*頁中引入*/
        </script>
        <input type="button" onclick="alert('元素事件中引入')" value="元素事件中引入"></input>
    </body>
</html>

數據類型

字符串(”content”)、數字(1)、布爾(true/false)、數組(Array)、對象、Null、Undefined
相比較於Java,多了一個undefined,相當於是沒有初始化的值;但是在JavaScript中聲明變量只能使用var,在函數(方法、function)傳參的時候也不需要聲明類型(可看作都是var,寫不寫都認識吧!),並且方法上要求傳參,但是調用的時候不傳也能調用該方法!

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8"/><!--編碼格式爲utf-8-->
        <title>js數據類型</title>
        <script type="text/javascript">
            function test1(){
                document.write("字符串<br/>");
                var a = "hello";
                var b = "world";
                document.write(a+b);
                document.write("<br/>類型  "+typeof(a+b));
            }
            test1();
            document.write("<hr/>");
            function test2(){
                document.write("數字<br/>");
                var a = 1;
                var b = 2;
                var c = "2";//c是一個字符串
                document.write(a+"+"+b+"="+(a+b));//3
                document.write("<br/>類型  "+typeof(a+b));
                document.write("<br/>");
                document.write("數字"+a+"+"+"字符串"+c+"="+(a+c));//12
                document.write("<br/>類型  "+typeof(a+c));
            }
            test2();
            document.write("<hr/>");
            function test3(){
                document.write("布爾<br/>");
                var a = true;
                var b = false;
                document.write(a);
                document.write("<br/>類型  "+typeof(a));
                document.write("<br/>");
                document.write(b);
            }
            test3();
            document.write("<hr/>");
            function test4(){
                document.write("數組<br/>");
                var a = new Array(1,2,"3");//相當於一個object數組
                for(i in a){//遍歷,可以看成增強for循環
                    document.write(a[i]+"  ");
                }
                document.write("<br/>類型  "+typeof(a));
            }
            test4();
            document.write("<hr/>");
            function test5(){
                document.write("對象<br/>");
                var person = {id : "1001",name : "張三"};
                var id = person["id"];//第一種獲取屬性的方式
                document.write(id+"--");
                var name = person.name;//第二種獲取屬性的方式
                document.write(name);
                document.write("<br/>類型  "+typeof(person));
            }
            test5();
            document.write("<hr/>");
            function test6(c){//函數要求傳參
                document.write("null和undefined<br/>");
                var a = null;
                var b;
                document.write("a="+a);
                document.write("<br/>類型  "+typeof(a));
                document.write("<br/>b="+b);
                document.write("<br/>類型  "+typeof(b));
            }
            test6();//調用的時候並沒有傳參,但依然可以調用
        </script>
    </head>
    <body>      
    </body>
</html>
發佈了38 篇原創文章 · 獲贊 1 · 訪問量 9433
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章