1、认识JS

JS的的发展历程有空再议，可谓是百家争鸣，最终磐涅凤凰，浴火重生。

JavaScript、JS、javascript都是JavaScript
JS的的特性

编程语言：就是可以编写处理逻辑的程序的语言
脚本语言：可以编写具有简单功能处理的、运行特定环境的小程序操作
跨浏览器：目前主流的任意浏览器都可以操作
弱类型语言：对于数据类型的存储操作可以自动适应
运行环境：浏览器引擎【JS解释器】、NodeJS平台
解释运行：解释一行，执行一行

1.1 第一个JS程序

JS代码，在前端开发中需要写到<script></script>标签中

// JS 中的单行注释
/* JS中的多行注释开头
*/ JS中的多行注释的结尾

alert("信息")：控制浏览器弹出一个警告对话框
document.write("信息")：在浏览器的网页中，输出write()定义的信息
console.log("信息")：在浏览器的控制台窗口中，输出一段信息

<!--alert的简单应用-->
<!doctype html>
<html> 
    <head>
        <meta charset='utf-8'>
        <title>网页标题</title>
        <scrpit>
            alert("弹出一个警告对话框")
        </scrpit>
    </head>
    <body>
    </body>
</html>

2、 JS的使用

2.1 JS的使用场景

客户端编程：编写在HTML中的js脚本文件，运行在浏览器中。主要实现：网页特效、数据验证、数据交互
服务端编程：编写在服务器上js脚本文件中，运行在Node平台上。主要实现：服务端软件的功能流程处理

2.2 安装、配置、开发环境

安装：客户端编程不需要安装【服务端开发：需要安装NodeJS环境】
配置：客户端编程不需要配置【服务端开发：需要配置开发环境】
开发环境：客户端编程在浏览器环境【浏览器引擎对象包含了JS解释器】【服务端编程在NodeJS运行】

3、基本语法

在HTML网页中，编写的脚本程序

JS代码位置有三种：
1、标签内嵌：事件属性
2、网页内嵌：JS代码写在一对<script></script>标签中
3、外部脚本：JS代码写在一个js文件中，通过script标签引入到HTML网页

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS基础语法</title>
    <!--引入外部的JS文件；路径是相对路径；不能使用绝对路径-->
    <script src="demo02.js"></script>
    <style>
        div{
            width: 100px;
            height: 100px;
            background-color: #00c4ff;
        }
    </style>
</head>
<body>
<!--标签内嵌JS代码-->
<div onclick="javascript:alert('点了一下div')">这是一个标签，点我试试</div>
<!--网页内嵌-->
<button onclick="show()">按钮</button>
<!--使用外部JS代码-->
<button onclick="show_info()">玩一玩广告。。。</button>
<script>
    // 网页内嵌JS代码：必须写在一对scpipt标签中
    function show(){
        alert("用户点击的一个东西，显示了show函数")
    }
</script>
</body>
</html>