JavaScript学习笔记（一）

JavaScript学习笔记（一）

最近正在自学JavaScript，做了些笔记。
笔记总结来自：乘风破浪的程序媛大大
感谢分享。
笔记：

 <p>javascript是一门嵌入在HTML中受事件和对象驱动的、安全的、跨平台的、弱类型的脚本语言。</p>
        <p style="font-size: 18px;font-weight: bolder;color: slateblue;">JS嵌入方式：行内、内部、外部。</p>
        <p style="color: red;">JS注意事项：</p>
            <p>1.如果使用外部连接，script标签内不可在写入js代码。</p>
            <p>2.script标签可以嵌入在HTML的任意位置，但是通常放在被操作元素的下面。</p>
        <p style="font-size: 18px;font-weight: bolder;color: slateblue;">JS的输出方式：</p>
            <p>1.<span style="color: royalblue;">alert</span>：将信息以弹出框的格式输出。</p>
                <span style="color: seagreen;">eg：</span>
                <script type="text/javascript">
                    alert("这是第一次测试。");
                </script>
            <p>2.<span style="color: royalblue;">console.log</span>：将信息打印到控制台中。</p>
                <span style="color: seagreen;">eg：</span>
                <script type="text/javascript">
                    console.log("这是第二次测试。");
                </script>
            <p>3.<span style="color: royalblue;">document.write()</span>：将信息显示在HTML页面中。</p>
                <span style="color: seagreen;">eg：</span>
                <script type="text/javascript">
                    document.write("这是第三次测试。");
                </script>
            <p>4.<span style="color: royalblue;">window.write();</span>：将信息显示在HTML页面中。</p>
                <span style="color: seagreen;">eg：</span>
                <script type="text/javascript">
                    window.alert("这是第四次测试。");
                </script>
        <p style="font-size: 18px;font-weight: bolder;color: slateblue;">JS的注释：</p>
                <p>单上注释：//</p>
                <p>多行注释：/**/</p>
        <p style="font-size: 18px;font-weight: bolder;color: slateblue;">JS中的变量：</p>
                <p>变量：存储数据的容器。</p>
                <p>
                    变量的类型：<br/>
                    <span style="color: orangered;">①：string：字符串</span><br/>
                    <span style="color: orangered;">②：number：数字</span><br/>
                    <span style="color: orangered;">③：boolear：布尔（取值只有TRUE和FALSE）</span><br/>
                    <span style="color: orangered;">④：object：实例化对象、null（空）、undefined</span>
                </p>
                <p>
                    变量赋值：<br/>
                    <span style="color: royalblue;">①：先声明后赋值。</span>
                    <br/>
                        <span style="color: seagreen;">eg：</span>
                        var 变量名;
                        变量名="xx";
                    <br/>
                    <span style="color: royalblue;">②：声明的同时赋值。</span>
                    <br/>
                        <span style="color: seagreen;">eg：</span>
                        var 变量名="xx";
                    <br/>
                    <span style="color: royalblue;">③：直接赋值。</span>
                    <br/>
                        <span style="color: seagreen;">eg：</span>
                        变量名="xx";
                    <br/>
                </p>
                <p>
                    变量的注意事项：<br/>
                    <span style="color: red;">1：变量要先定义后使用。</span><br/>
                    <span style="color: red;">2：如果定义了变量没有赋值，那么变量中的值为undefined。</span><br/>
                    <span style="color: red;">3：如果多次定义变量，那么后定义的变量表示给变量赋值。</span><br/>
                    <span style="color: red;">4：定义变量可以不加var,但是不建议，因为这种行为会导致变量作用域的改变。</span>
                </p>
                <p>
                    变量的注意事项②：<br/>
                    <span style="color: red;">1：严格区分大小写。</span><br/>
                    <span style="color: red;">2：尽量使用语义化的英文单词。</span><br/>
                    <span style="color: red;">3：变量名不能以数字开头，只能以字母、下划线（_）、$开头。</span>
                        <span style="color: orange;">口诀：字下美人其后数。</span>
                </p>