JavaScript+jQuery交互式Web前端开发（第2版） 课件 第1章 初识JavaScript.pptx

第1章初识JavaScript《JavaScript+jQuery交互式Web前端开发（第2版）》学习目标/Target了解JavaScript基本概念，能够描述JavaScript的用途、由来、组成和特点了解浏览器的组成，能够描述浏览器的特点以及作用掌握下载和安装代码编辑器的方法，能够独立下载和安装代码编辑器学习目标/Target掌握JavaScript常用的输入输出语句，能够灵活运用prompt()、alert()、document.write()、console.log()语句掌握JavaScript注释的使用，能够合理运用单行注释、多行注释增强代码的可读性掌握JavaScript代码引入方式，能够灵活运用行内式、内部式、外部式的方式引入JavaScript代码学习目标/Target了解什么是变量，能够描述变量的概念掌握变量的命名规则，能够根据变量的命名规则为变量命名掌握变量的声明与赋值，能够声明变量并为其赋值章节概述/SummaryWeb前端开发必备的技术包括HTML（HypertextMarkupLanguage，超文本标记语言）、CSS（CascadingStyleSheets，串联样式表）和JavaScript。HTML和CSS用于创建美观且易于理解的网页布局和页面样式，但对于具有交互性和动态性的网页，JavaScript是必不可少的。因此，学习Web前端开发并实现更为复杂的交互效果和功能不仅需要掌握HTML和CSS的基础知识，还需要掌握JavaScript技术。本章将介绍JavaScript基本概念、JavaScript开发工具、JavaScript基本使用和变量等内容，让读者对JavaScript有初步的认识。目录/Contents1.1JavaScript基本概念JavaScript开发工具1.2JavaScript基本使用变量JavaScript基本概念1.1.1 JavaScript概述先定一个小目标！了解JavaScript基本概念，能够描述JavaScript的用途1.1.1 JavaScript概述JavaScript是Web前端开发中用到的一门编程语言，最初主要用于开发交互式的网页，但随着技术的发展，JavaScript的应用范围已经变得更加广泛，它还可以用来开发服务器应用、桌面应用或者移动应用。许多JavaScript库、框架和软件，如jQuery、Node.js、Vue.js、Electron、微信小程序等，丰富了其生态。1.1.1 JavaScript概述在网页中，HTML、CSS和JavaScript分别代表网页的结构、样式和行为。HTML、CSS和JavaScript的说明如下表所示。语言说明HTML决定网页的结构，相当于人的身体CSS决定网页呈现给用户的模样，相当于人的衣服、妆容JavaScript实现业务逻辑和页面控制，决定网页的行为，相当于人的各种动作1.1.1 JavaScript概述利用JavaScript可以实现网页中的许多交互效果，例如轮播图、选项卡、表单验证等。此外，利用JavaScript还可以实现网页从服务器动态获取数据，例如，用户在百度搜索引擎网站中进行搜索时，在搜索框中输入需要搜索的关键词后，网页会通过服务器智能感知用户将要搜索的内容，服务器接收到用户发出的请求后进行相应处理，并将感知结果显示到网页中。1.1.2 JavaScript的由来先定一个小目标！了解JavaScript的由来，能够描述JavaScript的由来1.1.2 JavaScript的由来1995年，网景通信公司（NetscapeCommunicationsCorporation，简称网景公司）的创始人认为网页需要一种“胶水语言”，让网页设计师和兼职程序员可以很容易地组装图片和插件之类的组件，且相关代码可以直接编写在HTML代码中，于是网景公司招募了工程师，为网景导航者（NetscapeNavigator）浏览器开发了JavaScript语言。1.1.2 JavaScript的由来1996年，网景公司在网景导航者2.0浏览器中正式内置了JavaScript语言。其后，微软公司（MicrosoftCorporation）开发了一种与JavaScript语言相近的JScript语言，内置于InternetExplorer3.0浏览器，与网景导航者浏览器竞争。后来，网景公司面临丧失JavaScript语言的主导权的局面，决定将JavaScript语言提交给Ecma国际（EcmaInternational，前身为欧洲计算机制造商协会，即EuropeanComputerManufacturersAssociation，现名称并非为首