网页，网站，应用程序

• 网页：单独的一个页面
• 网站：一系列网站的页面组合在一起
• 应用程序：可以和用户发生交互，实现某种功能

了解JavaScript

前端三层

• HTML 结构层 从语义的角度描述页面结构
• CSS 样式层 从美观的角度描述页面样式
• JavaScript 行为层 从交互的角度描述页面行为

JS的应用场景

• 特效
• 服务端开发（node.js）
• 命令行工具（node.js）
• 桌面程序（Electron）
• APP（cordova）
• 控制硬件-互联网（Ruff）
• 游戏开发（从cocos2d-js）
  ——————

JavaScript是什么？

• JavaScript是一种运行在客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能
• 浏览器就是一种运行JavaScript脚本语言的客户端，JavaScript的解释器被称为JavaScript引擎，为浏览器的一部分

ECMAScript

• JavaScript，JScript，ActionScript等脚本语言都是基于ECMAScript标准实现的
• 在JavaScript，JScript和ActionScript中声明变量，操作数组等语法完全一样，因为它们都是ECMAScript。但是在操作浏览器对象等方面又有各自独特的方法，这些都是各自语言的拓展

JavaScript组成

• JavaScript=ECMAScript，DOM，BOM三者组成
• ECMAScript核心，语法，变量，数据的使用方式等等
• DOM：文档对象模型，方便操作HTML文档
• BOM：操作浏览器功能的一系列功能api，比如对话框，页面跳转，获取屏幕分辨率等等

计算机组成

软件：

• 应用软件：浏览器，QQ，word等等
• 系统软件：Windows，linux，mac OS

硬件：

• 三大件：CPU，内存，硬盘——主板
• 输入设备：鼠标，键盘，手写板，摄像头等等
• 输出设备：显示器，打印机，投影仪

JavaScript书写语法

书写位置

• 写在行内：

  <input type="button" value="按钮" onclick="alert('hello')">

• 写在html中的<script>标签中

  <script type="text/javascript">
    alert("nihao");
  </script>

• 写在外部js文件中，在页面引入

  <script src="first.js"></script>

js内容
script标签不止可以放在头部，也可以放在body等任何位置

• 注意：引入文件的script标签内部不可以写入js代码，要书写内部内容要重新另起一个script标签

注释

• JavaScript有两种注释：

• 块级注释：多行注释

  
  
• 单行注释：符号后一行：//

//我是单行注释

VScode注释快捷键

• 单行注释：进行注释和解开注释：ctrl+/
• 多行注释：ctrl+shift+/

alert语句

• alert：警示警告
• 作用：弹出一个警示框，警示内容可以人为自定义

• alert语句：js内置好的功能（函数，方法），要想实现功能必须在alert关键字后面加小括号执行，自定义的内容需要传递给小括号内的参数，输出时参数位置的内容会出现在弹框位置

  
  

语法：

语法1：alert语句作为一个函数，如果要执行，必须在后面紧跟着添加小括号
语法2：alert语句作为一个函数，小括号内部可以传递参数，根据数据类型不同，有不同的语法要求，例如文字内容（字符串）必须写在一对引号内部
语法3：如果要添加一堆引号，要么是单引号要么是双引号，不能一单一双
语法4：所有的有特殊功能的符号必须使用英文字符
语法5：每个语句后面都要加上分号
语法6：js对换行空格缩进不敏感
语法7:如果js中没有特殊控制结构，代码都是从上到下，从左到右加载

prompt()语句

• prompt：提示
• 作用：弹出一个对话框，内部有一个提示语句以及一个输入框，可以在输入框中根据提示任意输入内容
• prompt语句也是js内置的一个功能，必须加小括号执行，有两个参数可以传递，每个参数一般都是字符串型，加引号，两个参数中间用逗号分隔，引号和逗号都是英文状态
  eg：

- prompt("输入您的年龄","18")

• 第二个参数可以不写，是默认值，可以删除重新输入

  
  

console控制台

• 大部分浏览器都有控制台，查看代码，调试错误
• F12打开，检查元素打开
• 在JS有非常重要的作用

控制台功能

• 调试BUG，提示错误个数和错误所在位置

  
  

• 直接在控制台输入语句运行

  
  

• js有一个内置对象console，内部封装了大量的属性和方法（函数），可以通过给console对象打点调用方法名（）、属性名方式去执行，比如log（日志）