HTML 日常了解8(js篇)

HelloWorld

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HelloWorld</title>
    <!--JS代碼需要編寫到script標(biāo)簽中-->
    <script type="text/javascript">
        alert("HelloWorld");
        document.write("HelloWorld");
        console.log("HelloWorld");
    </script>
</head>
<body>
    
</body>
</html>

js編寫位置

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js編寫位置</title>
    <script type="text/javascript">
        alert("我是script標(biāo)簽中的代碼");
    </script>
     -->
</head>
<body>
    <a href="javascript:alert('快點點');">你點我下</a>
    <a href="javascript:;">你點我下</a>
</body>
</html>

js基本語法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js基本語法</title>
    <script type="text/javascript">
        /*
        多行注釋
            注釋中的內(nèi)容不會被執(zhí)行纯出，但是可以在源代碼中查看
            要養(yǎng)成良好的編寫注釋的習(xí)慣，也可以通過注釋來對代碼進(jìn)行一些簡單的調(diào)試
        */

        //單行注釋
        // alert("hello");
        // document.write("hello");
        console.log("hello");
        alert("hello");
    </script>
</head>
<body>
</body>
</html>

字面量和變量


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字面量和變量</title>
    <script type="text/javascript">
        var a;
        a = 3;
        a = 456;
        a = 123456789123456789;

        聲明和賦值同時進(jìn)行
        var b = 789;
        var c = 0;

        var age = 80;

        console.log(age);
    </script>
</head>
<body>

</body>
</html>

標(biāo)識符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>標(biāo)識符</title>
    <script type="text/javascript">
        標(biāo)識符
            - 在JS中所有的可以由我們自主命名的都可以稱為是標(biāo)識符
            - 例如：變量名飞蚓、函數(shù)名、屬性名都屬于標(biāo)識符
            - 命名一個標(biāo)識符時需要遵守如下的規(guī)則：
                1.標(biāo)識符中可以含有字母、數(shù)字病往、_褐啡、$
                2.標(biāo)識符不能以數(shù)字開頭
                3.標(biāo)識符不能是ES中的關(guān)鍵字或保留字
                4.標(biāo)識符一般都采用駝峰命名法
                    - 首字母小寫绑警，每個單詞的開頭字母大寫猜丹，其余字母小寫
                    helloWorld xxxYyyZzz
            - JS底層保存標(biāo)識符時實際上是采用的Unicode編碼翘悉，所以理論上講，所有的utf-8中含有的內(nèi)容都可以作為標(biāo)識符
    </script>
</head>
<body>

</body>
</html>

數(shù)據(jù)類型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>數(shù)據(jù)類型</title>
    <script type="text/javascript">
        數(shù)據(jù)類型指的就是字面量的類型
            在JS中一共有六種數(shù)據(jù)類型
                String 字符串
                Number 數(shù)值
                Boolean 布爾值
                Null 空值
                Undefined 未定義
                Object 對象
            
            其中String Number Boolean Null Undefined屬于基本數(shù)據(jù)類型
            而Object屬于引用數(shù)據(jù)類型

        String字符串
            - 在JS中字符串需要使用引號引起來
            - 使用雙引號或單引號都可以居触，但是不要混著用
            - 引號不能嵌套，雙引號不能放雙引號老赤，單引號不能放單引號
        var str = 'hello';

            \" 表示 "
            \' 表示 '
            \n 表示換行
            \t 制表符
            \\ 表示\
    </script>
</head>
<body>

</body>
</html>

Number

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Number</title>
    <script type="text/javascript">
        /*
        在JS中所有的數(shù)值都是Number類型轮洋，
            包括整數(shù)和浮點數(shù)（小數(shù)）
        JS中可以表示的數(shù)字的最大值
            Number.MAX_VALUE
                1.7976931348623157e+308
            Number.MIN_VALUE 大于0的最小值
                5e-324

            如果使用Number表示的數(shù)字超過了最大值，則會返回一個
                Infinity 表示正無窮
                -Infinity 表示負(fù)無窮
                使用typeof檢查Infinity也會返回number
        NaN 是一個特殊的數(shù)字抬旺，表示Not A Number
            使用typeof檢查一個NaN也會返回number
        */
        //數(shù)字123
        var a = 123;
        //字符串123
        var b = "123";
        
        /*
        可以使用一個運(yùn)算符 typeof 來檢查一個變量的類型
        語法：typeof 變量    
            檢查字符串時弊予，會返回string
            檢查數(shù)值時，會返回number
        */
        // console.log(typeof a);

        a = Number.MAX_VALUE * Number.MAX_VALUE;
        a = Infinity;
        a = "abc" * "bcd";
        a = NaN;
        // console.log(typeof a);

        a = Number.MIN_VALUE;
        // console.log(a);

        /*在JS中整數(shù)的運(yùn)算基本可以保證精確*/
        var c = 123456789 + 987654321;

        /*
        如果使用JS進(jìn)行浮點運(yùn)算开财，可能得到一個不精確的結(jié)果
        所以千萬不要使用JS進(jìn)行對精確度要求比較高的運(yùn)算
        */
        c = 0.1 + 0.2;
        console.log(c);
    </script>
</head>
<body>

</body>
</html>

Boolean

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Boolean</title>
    <script type="text/javascript">
        /*
        Boolean 布爾值
            布爾值只有兩個汉柒，主要用來做邏輯判斷
            true
                - 表示真
            false
                - 表示假
            
            使用typeof檢查一個布爾值時，會返回boolean
        */
        var bool = false;
        console.log(typeof bool);
        console.log(bool);
    </script>
</head>
<body>

</body>
</html>

Null和Undefined

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Null和Undefined</title>
    <script type="text/javascript">
        /*
        Null（空值）類型的值只有一個责鳍，就是null
            null這個值專門用來表示一個為空的對象
            使用typeof檢查一個null值時碾褂，會返回object

        Undefined（未定義）類型的值只有一個，就undefind
            當(dāng)聲明一個變量历葛，但是并不給變量賦值時正塌，它的值就是undefined
            使用typeof檢查一個undefined時也會返回undefined
        */
        var a = null;
        console.log(a);
        console.log(typeof a);

        var b;
        b = undefined;
        console.log(b);
        console.log(typeof b);
    </script>
</head>
<body>

</body>
</html>

強(qiáng)制類型轉(zhuǎn)換

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>強(qiáng)制類型轉(zhuǎn)換</title>
    <script type="text/javascript">
        強(qiáng)制類型轉(zhuǎn)換
            - 指將一個數(shù)據(jù)類型強(qiáng)制轉(zhuǎn)換為其他的數(shù)據(jù)類型
            - 類型轉(zhuǎn)換主要指，將其他的數(shù)據(jù)類型恤溶，轉(zhuǎn)換為
                String Number Boolean
        將其他的數(shù)據(jù)類型轉(zhuǎn)換為String
        方式一：
            - 調(diào)用被轉(zhuǎn)換數(shù)據(jù)類型的toString()方法
            - 該方法不會影響到原變量乓诽，它會將轉(zhuǎn)換的結(jié)果返回
            - 但是注意：null和undefined這兩個值沒有toString()方法，如果調(diào)用他們的方法咒程，會報錯
        方式二：
            - 調(diào)用String()函數(shù)鸠天，并將被轉(zhuǎn)換的數(shù)據(jù)作為參數(shù)傳遞給函數(shù)
            - 使用String()函數(shù)做強(qiáng)制類型轉(zhuǎn)換時，
                對于Number和Boolean實際上就是調(diào)用的toString()方法
                但是對于null和undefined帐姻，就不會調(diào)用toString()方法
                它會將 null 直接轉(zhuǎn)換為 "null"
                將 undefined 直接轉(zhuǎn)換為 "undefined"
    </script>
</head>
<body>

</body>
</html>

轉(zhuǎn)換為Number

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>轉(zhuǎn)換為Number</title>
    <script type="text/javascript">
        將其他的數(shù)據(jù)類型轉(zhuǎn)換為Number
        轉(zhuǎn)換方式一：
            使用Number()函數(shù)
                - 字符串 --> 數(shù)字
                    1.如果是純數(shù)字的字符串稠集，則直接將其轉(zhuǎn)換為數(shù)字
                    2.如果字符串中有非數(shù)字的內(nèi)容奶段，則轉(zhuǎn)換為NaN
                    3.如果字符串是一個空串或者是一個全是空格的字符串，則轉(zhuǎn)換為0
                - 布爾 --> 數(shù)字
                    true 轉(zhuǎn)成 1
                    false 轉(zhuǎn)成 0
                - null --> 數(shù)字 0
                - undefined --> 數(shù)字 NaN
        
        轉(zhuǎn)換方式二：
            - 這種方式專門用來對付字符串
            - parseInt() 把一個字符串轉(zhuǎn)換為一個整數(shù)
            - parseFloat() 把一個字符串轉(zhuǎn)換為一個浮點數(shù)
        調(diào)用parseInt()函數(shù)將a轉(zhuǎn)換為Number
        parseInt()可以將一個字符串中的有效的整數(shù)內(nèi)容去出來巍杈，然后轉(zhuǎn)換為Number
         parseFloat()作用和parseInt()類似忧饭，不同的是它可以獲得有效的小數(shù)
        如果對非String使用parseInt()或parseFloat()，它會先將其轉(zhuǎn)換為String然后在操作

    </script>
</head>
<body>

</body>
</html>