Javascript是一门语言，使用浏览器做解释器，通过调用DOM接口模块，对HTML\CSS文档树进行操作。

例如：将文档树中的全部<a>标签，替换成<p>标签,

　　DOM找到所有文档树中的a标签

　　DOM将a标签替换成p标签（由于DOM一次只能读取一个，所以实现全部替换，需要循环操作，这里使用的便是JS）

js可以直接写在html代码中，也可以写在单独的js文件中，然后在HTML文件中引用；

无论是引用还是直接的代码，JS部分内容通常放在body标签内的底部，尽量减少导入时间对页面呈现的影响，

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>text</title>
    <style>

    </style>

</head>
<body>



    <!--方式一：内嵌式-->
    <script type="text/javascript">
        js代码
    </script>
    <!--方式二：导入式-->
    <script type="text/javascript" src="commons.js"></script>
</body>
</html>
View Code

 使用内嵌式，进行简单的js效果设置：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>text</title>
    <style>

    </style>

</head>
<body>
    <div>JS基础学习</div>
    <div>
        <p>一、关于变量：直接声明的是全局变量，局部变量使用var声明；</p>
        <p>二、关于注释：在script内部，使用//进行单行注释，多行注释使用/*.....*/</p>
        <p>三、关于语句结束后的句号：理论上是可有可无，但是推荐每句结束后添加分号，方便以后代码进行压缩后的处理，</p>
        <p>四、alert（）表示弹出框，</p>
        <p></p>
    </div>


    <script type="text/javascript">
        //直接声明的全局变量
        name = 'lucy';
        function f1(){
            //使用var声明的局部变量
            var name = 123;
        }
        f1();
        /*
        alert()定义一个弹框
        */
        alert(name);
    </script>
</body>
</html>
View Code

js使用过程中需要注意：

一、关于变量：直接声明的是全局变量，局部变量使用var声明；

二、关于注释：在script内部，使用//进行单行注释，多行注释使用/*.....*/

三、关于语句结束后的句号：理论上是可有可无，但是推荐每句结束后添加分号，方便以后代码进行压缩后的处理，

四、变量名不要和关键字重复 

五、安全起见，js不能直接访问本地文件系统，

js有四种基本数据类型：数字、字符串、布尔值、数组，和两个特殊的值：null、undefined，

其中数字、字符串和布尔值是原始数据类型，不可修改；数组是可以通过链表进行修改的

JS代码的使用过程中，进行调试，可以在页面审查元素——console上直接进行 ，