1.为什么学习 JavaScript?
html--制作网页
css---美化网页
JavaScript---1.为网页增加动态效果
2.可以发送ajax请求,与后端处理程序进行数据交互
---活起来
2.什么是JavaScript?
JavaScript 是一个面向对象的脚本语言。
面向对象---是一种编程思想【只能自己体会】
面向对象是从面向过程升华而来。
例如:从电视塔到钟楼
面向过程思想--将从电视塔开始到钟楼结束中途所经历的每一步都要记录,记录就是一个过程【公交车】
面向对象思想--将电视塔作为起始对象,钟楼作为结束对象。【滴滴】
脚本语言---编写好以后,进入运行环境中可以立即执行的编程语言就是脚本语言[JavaScript]
编译语言---编写好以后,需要编译器进行转换,运行转换以后的程序这种语言编译语言【Java】
3.JavaScr
网景公司--运行在浏览器上的脚本语言--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[后]
4.JavaScript的作用[为网页增加动态效果]
JavaScript:直接写入 HTML
JavaScript:对事件的反应
JavaScript:改变 HTML 内容
JavaScript:改变 HTML 图像
JavaScript:改变 HTML 样式
JavaScript:验证输入
.......、
javascript代码需要事件驱动执行。
javascript代码常常被放置在script标记中。
5.JavaScript用法
1.javascript代码出现的位置,script标记中
script标记--head中【推荐】
script标记--body中[body开始处 / body结束处]
2.javascript中的元素
变量 运算符号 流程控制语句 认识函数 认识对象 认识事件 发送ajax请求
6.html中如何书写javascript代码
head中的script标记中编写,需要事件驱动执行
1.写在html元素的事件中
2.head中的script标记中编写
3.链接外部javascript文件【.js】
7.JavaScript 输出显示数据
1.使用 window.alert() 弹出警告框。
window.alert(num);
alert(num);
2.使用 document.write() 方法将内容写到 HTML 文档中。
document.write(num);
3.使用 innerHTML 写入到 HTML 元素。
document.getElementById("h11").innerHTML=num;
4.使用 console.log() 写入到浏览器的控制台。
浏览器的控制台:设置---》更多工具---》开发者工具---》console【控制台】
google浏览器的快捷方式 F12
console.log(num1+","+name);
8.注释:
html--注释<!-- 注释内容,可以包含多行 -->
css---注释 /* 注释内容,用来注释css的设置属性用的可,以包含多行 */
#p1{
/*color:red;*/
font-size:30px;
}
javascript--注释---
//注释内容 【单行注释】
/* 注释内容,可以包含多行,也可以出现单行注释代码 */【多行注释】
10.变量:
变量是用来保存程序中的运行数据用的。
变量的组成
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";