JavaScript前端开发案例教程-全套PPT课件.pptx

第1章 初识JavaScript《JavaScript前端开发案例教程（第2版）》 学习目标/Target 了解JavaScript基本概念，能够说出JavaScript的作用、由来、组成和特点 熟悉常见浏览器的特点，能够说出浏览器的组成以及作用 掌握下载和安装Visual Studio Code编辑器，能够独立完成编辑器的下载和安装 学习目标/Target 掌握JavaScript代码引入方式，能够通过行内式、内嵌式、外链式引入JavaScript代码 掌握JavaScript常用的输入输出语句，并能够灵活运用 掌握JavaScript注释的使用，能够合理运用单行注释、多行注释增强代码的可读性 章节概述/ SummaryHTML（Hypertext Markup Language，超文本标记语言）、CSS（Cascading Style Sheets，串联样式表）和JavaScript是开发网页所必备的技术，大家在掌握HTML和CSS技术之后，已经能够编写出各式各样的网页，但若想让网页具有良好的交互性，还要使用JavaScript。本章将介绍JavaScript的基本概念、开发工具和基本使用，让读者对JavaScript有一个初步的认识。 目录/Contents010203JavaScript基本概念开发工具JavaScript基本使用 JavaScript基本概念1.1 先定一个小目标！了解JavaScript基本概念，能够说出JavaScript的作用1.1.1 JavaScript概述 1.1.1 JavaScript概述 什么是JavaScript？ 1.1.1 JavaScript概述JavaScript是Web开发领域中的一种功能强大的编程语言，主要用于开发交互式的网页。我们在计算机、手机等设备上浏览的网页，其多数交互逻辑都可以通过JavaScript实现。 1.1.1 JavaScript概述HTML、CSS和JavaScript的区别213决定网页的结构和内容，相当于人的身体结构决定网页呈现给用户的模样，相当于人的衣服、妆容样式实现业务逻辑和页面控制，相当于人的各种动作行为HTMLCSSJavaScript 1.1.1 JavaScript概述JavaScript可以实现哪些常见的交互效果？轮播图地图轮播图：通过JavaScript实现每隔一段时间自动切换图片的效果。地图：通过JavaScript实现地图的放大、缩小、滚动等效果。 1.1.1 JavaScript概述JavaScript可以实现哪些常见的交互效果？选项卡表单验证选项卡：通过JavaScript实现选项卡的切换效果。表单验证：用户填写表单时，通过JavaScript检查用户填写的格式是否正确，如果格式有误，则提示用户更正。 1.1.1 JavaScript概述JavaScript还可以实现网页从服务器动态获取数据，例如，用户在百度搜索引擎网站中进行搜索时，在输入框中输入几个字以后，网页会智能感知用户接下来要搜索的内容。 先定一个小目标！了解JavaScript的由来，能够说出JavaScript的发展历史1.1.2 JavaScript的由来 1.1.2 JavaScript的由来1996年1995年网景通信公司（Netscape Communications Corporation，简称网景公司）为网景导航者（Netscape Navigator）浏览器开发了JavaScript语言。后来，网景公司将JavaScript语言提交ECMA国际（前身为欧洲计算机制造商协会），希望JavaScript能够成为国际标准。网景公司在网景导航者2.0浏览器中正式内置了JavaScript语言。其后，微软公司开发了一种与JavaScript语言相近的JScript语言，内置于Internet Explorer 3.0浏览器发布，与网景导航者浏览器竞争。 1.1.2 JavaScript的由来JavaScript和Java的关系JavaScript语言和Java语言名称比较相似，这是因为网景公司在为JavaScript命名时，考虑到该公司与Java语言的开发商Sun公司（2009年被Oracle公司收购）的合作关系。但实际上，JavaScript和Java只是名字相似，本质上是完全不同的两种语言。 1.1.2 JavaScript的由来ECMA国际是一个国际性会员制的信息和电信标准组织，该组织发布了ECMA-262标准文件，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript。JavaScript和JScript可以理解为ECMAScript的实现和扩展。 先定一个小目标！了解JavaScri