1、什么是JavaScript?
JavaScript 是一个面向对象的脚本语言。
面向对象---是一种编程思想【只能自己体会】
面向对象是从面向过程升华而来。
例如:从电视塔到钟楼
面向过程思想--将从电视塔开始到钟楼结束中途所经历的每一步都要记录,记录就是一个过程【公交车】
面向对象思想--将电视塔作为起始对象,钟楼作为结束对象。【滴滴】
脚本语言---编写好以后,进入运行环境中可以立即执行的编程语言就是脚本语言[JavaScript]
2、.JavaScript的版本
网景公司--运行在浏览器上的脚本语言--LiveScript--JavaScript
微软---LiveScript---JScript--IE
LiveScript,JScript,.......
开发者在开发一个功能之前,就需要先判断浏览器是谁家的,什么版本,才能开始使用对应的Script语法来实现功能。
开发者联名向ECMA(欧洲电脑制造商协会)申诉,ECMA(欧洲电脑制造商协会)提出统一标准,让所有浏览都支持。
ECMA(欧洲电脑制造商协会)提出统一标准的Script,就叫ECMAScript,ES
1997 ECMAScript 1 第一个版本
1998 ECMAScript 2 版本变更
1999 ECMAScript 3 添加正则表达式,添加 try/catch
ECMAScript 4 没有发布
2009 ECMAScript 5 添加 "strict mode",严格模式,添加 JSON 支持
2011 ECMAScript 5.1 版本变更
2015 ECMAScript 6 添加类和模块
2016 ECMAScript 7 增加指数运算符 (**),增加 Array.prototype.includes
ECMAScript 5--ES5[先]
ECMAScript 6--ES6[后]
3、JavaScript的作用[为网页增加动态效果]
JavaScript:直接写入 HTML
JavaScript:对事件的反应
JavaScript:改变 HTML 内容
JavaScript:改变 HTML 图像
JavaScript:改变 HTML 样式
JavaScript:验证输入
.......
javascript代码需要事件驱动执行。
javascript代码常常被放置在script标记中。
4、JavaScript用法
1.javascript代码出现的位置,script标记中
script标记--head中【推荐】
script标记--body中[body开始处 / body结束处]
2.javascript中的元素
变量 运算符号 流程控制语句 认识函数 认识对象 认识事件 发送ajax请求
5、html中如何书写javascript代码
head中的script标记中编写,需要事件驱动执行
1.写在html元素的事件中
2.head中的script标记中编写
3.链接外部javascript文件【.js】
6、JavaScript 输出显示数据
1.使用 window.alert() 弹出警告框。
2.使用 document.write() 方法将内容写到 HTML 文档中。
3.使用 innerHTML 写入到 HTML 元素。
4.使用 console.log() 写入到浏览器的控制台。
浏览器的控制台:设置---》更多工具---》开发者工具---》console【控制台】
7、注释
html--注释<!-- 注释内容,可以包含多行 -->
css---注释/* 注释内容,用来注释css的设置属性用的可,以包含多行 */
javascript--注释---
//注释内容 【单行注释】
/* 注释内容,可以包含多行,也可以出现单行注释代码 */【多行注释】
8、变量
变量是用来保存程序中的运行数据用的。
变量的组成
1.var 关键词来声明变量.【变量】
2.变量名称,遵循变量名称的命名规则
3.数据类型,决定了数据所能进行的具体操作
4.作用域,变量的有效范围【暂时不处理】
变量的创建,使用 var 关键词来声明变量.
每一个变量都有自己的变量名称,变量的名称不能随便写,有一定的规则:
1.可以使用字母,数字,$,_组成,数字不能开头
2.变量名称对大小写敏感
3.不要用中文
变量的数据类型----用来决定了数据所能进行的具体操作。
例如:数字类型的变量可以进行【+ - * /】运算
JavaScript中的数据类型有2大类:值类型(基本类型)和引用数据类型
值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、
未定义(Undefined)、Symbol【ES6】。
引用数据类型:对象(Object)、数组(Array)、函数(Function)。
使用“=”为变量保存数据值,叫赋值
变量的声明创建方式:
1.定义+赋值:var num=100;
2.先定义后赋值
var num; //定义
num=100; //赋值
3.一条语句,多个变量[不容易理解]
var num1=1001,name="zhangsan";