天天看點

JavaScript_基礎文法_hehe.employment.over.9.2

9.3 JavaScript_文法_與HTML結合方式

  • ECMAScript: 用戶端腳本語言的标準
  • 1.内部JS:
    • 定義

      <script>

      ,标簽體内容=就是js代碼。
    • 示例:

      <script>alert("我是内部js結合方式")</script>

  • 2.外部JS:
    • 定義

      <script>

      ,通過src屬性引入外部的js檔案。
    • 示例:

      <script src="js/a.js"></script>

  • notes:
    • <script>

      :可以定義在html頁面的任何地方。但是定義的位置會影響執行順序。
    • <script>

      :可以定義多個。

9.4 JavaScript_文法_注釋

  • 1.單行注釋:

    //注釋内容

  • 2.多行注釋:

9.5 JavaScript_文法_資料類型

  • 1.原始資料類型(基本資料類型):
    • number: 數字。 整數/小數/NaN(not a number 一個不是數字的數字類型)
    • string: 字元串。 字元串 “abc” “a” ‘abc’
    • boolean: true和false
    • null: 一個對象為空的占位符
    • undefined: 未定義。如果一個變量沒有給初始化值,則會被預設指派為undefined
  • 2.引用資料類型:對象

9.6 JavaScript_文法_變量_tpyeof

  • 變量: 一小塊存儲資料的記憶體空間
    • Java語言是強類型語言,而JavaScript是弱類型語言。
      • 強類型: 在開辟變量存儲空間時,定義了空間(将來存儲的資料的資料類型)。隻能存儲固定類型的資料
      • 弱類型: 在開辟變量存儲空間時,不定義空間(将來的存儲資料類型),可以存放任意類型的資料。
    • 文法:

      var 變量名 = 初始化值;

  • typeof運算符: 擷取變量的類型。
    • note: null運算後得到的是object,這其實是JavaScript的一個錯誤。
  • 示例:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>變量</title>

    <script >

        //定義number類型
        var num = 1;
        var num2 = 1.2;
        var num3 = NaN;

        //輸出到頁面上
        document.write(num+"---"+typeof(num)+"<br>");
        document.write(num2+"---"+typeof(num2)+"<br>");
        document.write(num3+"---"+typeof(num3)+"<br>");

        //定義string類型
        var str = "abc";
        var str2 = 'edf';
        document.write(str+"---"+typeof(str)+"<br>");
        document.write(str2+"---"+typeof(str2)+"<br>");

        //定義boolean
        var flag = true;
        document.write(flag+"---"+typeof(flag)+"<br>");

        // 定義null,undefined
        var obj = null;
        var obj2 = undefined;
        var obj3 ;
        document.write(obj+"---"+typeof(obj)+"<br>");
        document.write(obj2+"---"+typeof(obj2)+"<br>");
        document.write(obj3+"---"+typeof(obj3)+"<br>");

    </script>
</head>
<body>

</body>
</html>
           

繼續閱讀