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>