一、JavaScript的介绍

什么是JS？ JavaScript是一种客户端脚本语言，运行在客户浏览器中，每个浏览器都具备解析JavaScript的引擎。

什么是脚本语言？不需要编译，就可以被浏览器直接解析执行了。

核心功能是 ： 增强用户和HTML界面的交互过程，让页面有一些动态效果，以此来增强用户的体验。

JavaScript

客户端脚本语言标准/规范

自己特有

自己特有

ECMAScript

DOM

BOM

二、JavaScript引入方式

第一种：内部引用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>入门练习</title>
</head>
<body>
<button id="button">请点击</button>
</body>

<!--     引入js方式一 内部引用-->
<script>
    document.getElementById("button").onclick = function(){
        alert("别点了 宝宝怕了");
    }
</script>

</html>

第二种 ：外部引用   src=“文件路径”（解释）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>入门练习</title>
</head>
<body>
<button id="button">请点击</button>
</body>

<!--     引入js方式二  外部引用 -->
<script src="../js/alear.js"></script>

</html>

当然，在第二种引用中肯定有要有 alear.js 文件

document.getElementById("button").onclick = function(){
        alert("别点了 宝宝害怕");
    };

两种引入方式的区别 ：

内部引用：只能在当前页面使用，有局限性。

外部引用：只要引用进来，所有页面都可以使用Js文件，更加灵活一些。

三、JavaScript注释

注释分为 单行注释 和 多行注释

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注释</title>
</head>
<body>
</body>
<script>
    //单行注释

    /*
     多行注释   （注释内容）
     */
</script>
</html>

四、JavaScript输入输出语句

输入输出主要分为以下四种    其中要注意控制台输出(要打开开发工具 左键单击--->检查/f12)找到控制台(Console)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>输入输出语句</title>
</head>
<body>

</body>
<script>
    //1.输入框
    prompt("请输入内容");
    //2.弹出警告框
    alert("警告");
    //3.输出框
    console.log("我是控制台输出");
    //4.页面内容输出
    document.write("hello 我是页面输出");
    document.write("<br>");
    document.write("我是第二行了");
</script>
</html>

五、JavaScript变量和常量

Js属于弱类型语言,在定义变量的时候不区分具体的数据类型。

定义局部变量 ： let 变量名 = 值           全局访问局部变量也会报错

定义全局变量 ：    变量名 = 值

定义常量 : count 常量名 = 值               如果再次给变量赋值会报错

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变量和常量</title>
</head>
<body>
</body>
<script>
    //局部变量
    let name1 = "zhangsan";
    let name2 = "lisi";
    document.write(name1 +" " + name2);
    {
        let name3 = "wangwu";

        //全局变量
        name4 = "zhaoliu";
    }
    document.write("<br>");
    //会报错  (局部变量不能被全局访问)
   // document.write(name3);
    
    document.write(name4 + "<br>");

    //定义常量
    const PI = 3.14159;
    document.write(PI);
</script>
</html>

本节就先讲到这儿,后面的我会再接着给大家分享。