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

第1章初识JavaScript;学习目标/Target;学习目标/Target;学习目标/Target;章节概述/Summary;目录/Contents;JavaScript基本概念;了解JavaScript基本概念，能够描述JavaScript的用途;;在网页中，HTML、CSS和JavaScript分别代表网页的结构、样式和行为。HTML、CSS和JavaScript的说明如下表所示。;利用JavaScript可以实现网页中的许多交互效果，例如轮播图、选项卡、表单验证等。

此外，利用JavaScript还可以实现网页从服务器动态获取数据，例如，用户在百度搜索引擎网站中进行搜索时，在搜索框中输入需要搜索的关键词后，网页会通过服务器智能感知用户将要搜索的内容，服务器接收到用户发出的请求后进行相应处理，并将感知结果显示到网页中。;了解JavaScript的由来，能够描述JavaScript的由来;;1996年，网景公司在网景导航者2.0浏览器中正式内置了JavaScript语言。其后，微软公司（MicrosoftCorporation）开发了一种与JavaScript语言相近的JScript语言，内置于InternetExplorer3.0浏览器，与网景导航者浏览器竞争。

后来，网景公司面临丧失JavaScript语言的主导权的局面，决定将JavaScript语言提交给Ecma国际（EcmaInternational，前身为欧洲计算机制造商协会，即EuropeanComputerManufacturersAssociation，现名称并非为首字母缩略词），希望JavaScript能够成为国际标准。;Ecma国际是一个国际性会员制的信息和电信标准组织，该组织发布了ECMA-262标准文件，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript。JavaScript和JScript可以理解为ECMAScript的实现和扩展。;1.1.2 JavaScript的由来;了解JavaScript的组成，能够描述JavaScript的组成;1.1.3 JavaScript的组成;1.1.3 JavaScript的组成;了解JavaScript的特点，能够描述JavaScript的特点;;JavaScript开发工具;了解浏览器，能够描述浏览器的特点以及作用;1.2.1浏览器;;1.2.1浏览器;1.2.1浏览器;1.2.1浏览器;1.2.1浏览器;掌握下载和安装代码编辑器的方法，能够独立下载和安装代码编辑器;1.2.2代码编辑器;VisualStudioCode（简称VSCode）是由微软公司推出的一款免费、开源的代码编辑器。VisualStudioCode代码编辑器具有如下特点。;打开浏览器并访问VisualStudioCode官方网站，如下图所示。;在VisualStudioCode官方网站页面中，单击“DownloadforWindows”按钮可以下载Windows操作系统的VisualStudioCode安装包。如需下载其他操作系统的VisualStudioCode安装包，单击“”按钮，即可看到其他操作系统版本的下载选项，如下图所示。;VisualStudioCode安装包下载成功后，在下载目录中找到该安装包，双击启动安装程序，按照程序的安装向导提示操作，直到安装完成。;VisualStudioCode安装成功后，启动该编辑器，即可进入VisualStudioCode初始界面，如下图所示。;为了提高VisualStudioCode代码编辑器的易用性，使其界面和提示信息显示为中文，需要安装中文语言扩展。单击VisualStudioCode初始界面左侧的第5个按钮“”，进入扩展界面，在该界面的搜索框中输入关键词“Chinese”找到中文语言扩展，单击“Install”按钮进行安装即可。;安装中文语言扩展界面如下图所示。;1.2.2代码编辑器;LiveServer扩展用于搭建具有实时重新加载功能的本地服务器，可以实现保存代码后浏览器自动同步刷新，即时查看网页效果。单击VisualStudioCode初始界面左侧的第5个图标按钮“”进入扩展界面，在该界面的搜索框中输入关键词“LiveServer”找到LiveServer扩展，单击“安装”按钮进行安装即可。;安装LiveServer扩展界面如下图所示。;安装LiveServer扩展后，可在编写好的网页文件中右击，在弹出的快捷菜单中选择“OpenwithLiveServer”调用浏览器打开网页文件。;在开发项目时，需要创建项目文件夹，以保存项目所