第二讲 JavaScript概述

系列课程目录

第二讲 JavaScript概述

---

---

前言

JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、介绍

1.什么是JavaScript

JavaScript是一门客户端脚本语言
运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎
脚本语言：不需要编译，直接就可以被浏览器解析执行

2.JavaScript能做什么

客户端表单验证
动态效果
改变页面内容

3.JavaScript发展历程

如下（示例）：

3.网页的解析原理

如下（示例）：

HTML：结构
决定网页的结构和内容（是什么）
CSS：样式
决定网页的表现样式（什么样子）
JS：行为
决定网页的行为（做什么）

4.JavaScript的组成

如下（示例）：

ECMAScript 语法
变量；数据类型；关键字；保留字；运算符；逻辑控制语句；对象等；
BOM
通过BOM操作浏览器，如移动、缩放、关闭窗口；打开新窗口；页面跳转等；
DOM
通过DOM操作HTML文档，如读取、修改页面内容等；

二、JavaScript的基本使用

内嵌式

将JS代码写在< script >标签内，< script >标签可放置于任何位置
下面展示一些 内联代码片。

<script type="text/javascript">  
    alert(‘hello world!’) //alert()方法为弹出一个警告对话框 
</script>  

外联式

将JS代码写入外部JS文件中，通过

<script src="./index.js" type="text/javascript" charset="utf-8"></script>  

行内JS

直接将代码写在HTML元素内，该方法问题较多，不推荐使用

<button type="button" onclick="javascript:alert('hello world!')">click me</button> 

输入/输出语句

如下（示例）：

转义字符

当JS输出字符串时，如果字符串中包含某些特殊字符，
无法直接输出，需要使用转义字符进行输出

JavaScript的调试

控制台

使用F12在浏览器中激活调试，然后在调试器菜单中选择“控制台”/“console”
如下（示例）：

控制台输出

var a = 1  
var b = 2  
var c = a + b  
console.log(c) //控制台输出语句  

三、课堂作业

1.按照要求完成任务

如下（示例）：

2.解析代码

如下（示例）：

总结

如下（示例）：