html使用js的变量_JavaScript介绍及变量概念

哈喽大家好，我是作者“未来”，本期分享的内容是Web前端系列课程，本系列总共29个阶段，坚持学习3个月蜕变为Web前端高手哦！

志同道合的小伙伴跟我一起学习交流哦！

第三阶段 JavaScript基础

01 课程介绍

目标：掌握编程的基本思想

掌握JavaScript的基础语法,使用常见API(备注)完成相应案例及练习和作业

培养独立解决问题能力

遇到问题先独立调试(牛X从规范和调试开始)

能够独立写出所有案例代码

笔记和代码是”大家的”,

自己写的才是自己的.

复制代码者,没有”男朋友”

不写代码者,没有”女朋友”

课外提示

1.敲代码用指法,指法配图，坚持一周者即可熟练

2.码农不需要练就一阳指或者二指禅

3.可以使用金山打字通，此处并非打广告,个人建议，天天敲代码，不停的反复的敲练习和作业，速度和基本功的快速提升

windows中的常用快捷键

浏览器说明

浏览器是指可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件。

通俗的讲:可以显示页面的一个软件。

国内网民计算机上常见的网页浏览器有：QQ浏览器、Internet Explorer、Firefox、Safari，Opera、Google Chrome、百度浏览器、搜狗浏览器、猎豹浏览器、360浏览器、UC浏览器、傲游浏览器、世界之窗浏览器等，浏览器是最经常使用到的客户端程序。

常用的五大浏览器：chrome，firefox，Safari，ie，opera。

我们用chrome(谷歌浏览器)。

网页、网站和应用程序

网页：单独的一个页面。

网站：一些列相关的页面组成到一起。

应用程序：可以和用户产生交互，并实现某种功能。

02 JavaScript介绍

JavaScript是什么

JavaScript 是编程语言 流程控制

Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的结果。Java和JavaScript的关系就像张雨和张雨生的关系，只是名字很像。

Java和javascript的区别

Java 是服务器端的编程语言 。

JavaScript 是运行在客户端(浏览器)的编程语言。

> JavaScript是一种运行在***客户端*** 的***脚本语言***

> JavaScript的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML(标准通用标记语言下的一个应用)网页上使用，用来给HTML网页增加动态功能。

JavaScript最初的目的

最初的目的是为了处理表单的验证操作。

JavaScript现在的意义(应用场景)

JavaScript 发展到现在几乎无所不能。

1. 网页特效

2. 服务端开发(Node.js)

3. 命令行工具(Node.js)

4. 桌面程序(Electron)

5. App(Cordova)

6. 控制硬件-物联网(Ruff)

7. 游戏开发(cocos2d-js)

JavaScript和HTML、CSS的区别

1. HTML：提供网页的结构，提供网页中的内容。

2. CSS: 用来美化网页。

3. JavaScript: 可以用来控制网页内容，给网页增加动态的效果。

03 JavaScript的组成

ECMAScript —— JavaScript的核心

ECMA 欧洲计算机制造联合会

网景：JavaScript

微软：JScript

共同定义了JavaScript的语法规范

JavaScript的核心，描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准与具体实现无关。

BOM - 浏览器对象模型

一套操作浏览器功能的API

通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等

DOM - 文档对象模型

一套操作页面元素的API

DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作。

03 初次体验js代码

CSS：行内样式、嵌入样式、外部样式

JavaScript的书写位置

注意点

***引用外部js文件的script标签中不可以写JavaScript代码***

04 计算机组成

软件

- 应用软件：浏览器(Chrome/IE/Firefox)、QQ、Sublime、Word

- 系统软件：Windows、Linux、mac OSX

硬件

- 三大件：CPU、内存、硬盘 -- 主板

- 输入设备：鼠标、键盘、手写板、摄像头等

- 输出设备：显示器、打印机、投影仪等

05 变量

什么是变量

变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据。

为什么要使用变量

使用变量可以方便的获取或者修改内存中的数据。

如何使用变量

变量在内存中的存储

变量的命名规则和规范

规则 - 必须遵守的，不遵守会报错

- 由字母、数字、下划线、$符号组成，不能以数字开头

- 不能是关键字和保留字，例如：for、while。

- 区分大小写

规范 - 建议遵守的，不遵守不会报错

- 变量名必须有意义

- 遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。例如：userName、userPassword

下面哪些变量名不合法

案例-交换两个变量的值

使用第三方的变量进行交换

不使用第三方的变量进行交换(一般适用于数字的交换)

看不懂的小伙伴不要气馁，后续的分享中将持续解释，只要你跟着我分享的课程从头到尾去学习，每篇文章看三遍，一个月后，回过头来看之前的文章就会感觉简单极了。

本章已结束，下篇文章将分享《JavaScript数据类型及转换、注释、操作符》小伙伴们不要错过哟！