Web-Lesson06-JS的运算符和循环

Posted 2020-10-21 bear905695019

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Web-Lesson06-JS的运算符和循环相关的知识，希望对你有一定的参考价值。

一、JS的数据类型

　　js六大数据类型

　　　　number——数字  在js里面的小数和整数统一都是数字 -2^53 -- 2^53 超出范围之后精度就会不准确

string——字符串

boolean——布尔值 true false

function——函数

undefined——未定义一个变量声明之后没有赋值就是undefined

object——对象

在js里面null属于对象类型，但是它不具有很多对象的共性，所以很多资料将它归为单独一类数据类型null

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
    div{
        background: yellow;
        width: 100px;
        height: 50px;
            line-height: 50px;
            margin: 10px auto;
            text-align: center;
    }
    </style>
</head>
<body>
    <div id = "test1">test1</div>
    <div id = "test2">test2</div>
    <div id = "test3">test3</div>
    <div id = "test4">test4</div>
    <div id = "test5">test5</div>
    <div id = "test6">test6</div>
    <div id = "test7">test7</div>
    <div id = "test8">test8</div>
    <div id = "test9">test9</div>
    <script>

        var a = 128; 
        var b = "hello world";
        var c = true;
        var d = function () {
            alert(1);
        };
        var e;
        var f = document.getElementById("text6");
        var g = [1,2,3];    
        var h = {};
        var i = null;

        var oDiv1 = document.getElementById("test1");
        var oDiv2 = document.getElementById("test2");
        var oDiv3 = document.getElementById("test3");
        var oDiv4 = document.getElementById("test4");
        var oDiv5 = document.getElementById("test5");
        var oDiv6 = document.getElementById("test6");
        var oDiv7 = document.getElementById("test7");
        var oDiv8 = document.getElementById("test8");
        var oDiv9 = document.getElementById("test9");
    
        oDiv1.innerHTML = typeof a;
        oDiv2.innerHTML = typeof b;
        oDiv3.innerHTML = typeof c;
        oDiv4.innerHTML = typeof d;
        oDiv5.innerHTML = typeof e;
        oDiv6.innerHTML = typeof f;
        oDiv7.innerHTML = typeof g;
        oDiv8.innerHTML = typeof h;
        oDiv9.innerHTML = typeof i;
        
    </script>
</body>
</html>

　　var a = 128; 
　　var b = "hello world";
　　var c = true;
　　var d = function () {
　　　　alert(1);
　　};
　　var e;
　　var f = document.getElementById("text6");
　　var g = [1,2,3];    
　　var h = {};
　　var i = null;
这9个变量的类型打印出来分别为：