第一课
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>javascript的背景及知识结构</title>
</head>
<body>
<!-- javascript的背景及知识结构
1.什么是JavaScript
(1) 轻量级 编程语言
html + css -》 设计
java -》 浏览器 : 命令 -》 脚本 JavaScript
(2)最流行 脚本 -》 编译 c++
(3)html -》所有浏览器 : 解析器 -》服务器 ,手机
(4)容易学习 : 门槛低,精通-》多练习
学习资料 :书、教程、论坛
工作量大
2.JavaScript能干什么
html + css 网页内容
网页的行为:
改进设计:动态效果
验证表单
检查浏览器
创建cookies
用户的 交互 交 交流 互 相互
3.JavaScript是由什么构成-》怎么学习JavaScript
逻辑处理:ECMAscript-》 变量、值、运算 流程控制、 数组、 对象 类
负责DOM操作: 修改html的元素 -》 库 -》API
浏览器BOM: 浏览器的信息: 大小
-->
</body>
</html>
第二课
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>JavaScript语法基础</title>
<script src="2.js"></script>
</head>
<body>
</body>
</html>
js
// 怎么使用js
// 三种方式
alert("hello world");
// 语法:
// 1.用字母 数字 特殊符号 组成的命令
// 2.字母的大小写 敏感
// var qiuqiu = 1
// var QiuQiu = 2
// 3.行
// ;
// 4.注释
// 单行注释
/*多行注释*/
// 5.输出
// alert 弹窗 警告
console.log("hello world console");
第三课
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>值和变量</title>
<script src="3.js"></script>
</head>
<body>
</body>
</html>
js
// 值:
// 数字:
// 整数 0 1 -1
// 小数 浮点数:1.11111
// 字符串:"ashdjhdgwy\\sad" '1'
// 布尔值: 是true 没有 false
// -》直接量
// 变量
// 设 X = 2;
// 变量-》 容器-》存值
// 大小-》 直接量
// 变量= 地址 《- 对象 《- 一个数字 一个字符串
// 声明:
// var X; 声明 = 创建一个变量
// X = "hello world";
// var X = "hello world"; 声明和赋值一起;
// 多个变量
// var X, Y, Z;
// X=1;
// Y=2;
// Z=3;
// var x=1,y=2,z=3;
// x 变量名
// 1.变量名 必须是字母和数字 $ _组成
// var qiuqiu;
// 2.变量的开始,字母
// var qiuqiu false
// 3.变量的大小写敏感
var qiuqiu = "miao";
console.log(qiuqiu);
// var QiuQiu;
``
# 第四课
## HTML
表达式和运算符 ```
js
// 表达式 : 运算符
// 算数 + - * / %
// 5/4 4*4 +1
// 5%4=1
// 10%4=2
// 顺序:从左往右 先 * / % + -
// 1+2*3=1+6=7
// (3*3)
// 值: 数字 字符串 布尔型 true = 1 false = 0
// 加号 :字符串 按字符串处理 数字
// 1+"a"="1"="a"="1a"
// 1+false=1+0=1
// false+"a"="false"
// ''
// - * / % 转成数字
// 1-"1"=1-1=0
// 1-"A"=NAN not a Number
// +1=1
// a=-1;
// ++ 自增1
// -- 自减1
// var a =1;
// a++; ->自增1 -》a=a+1;
// a--; ->自减1 -》a=a-1;
// ++a 先自增
// a++ 后自增
// 一元 ++a
// 二元 a+b
// var a = 1;
// var b = (++a) + 5;
// a=a+1;
// var b = a + 5;
// (++a)
// a?2
// b?7
// var a = 1
// var b =(a++) + 5;
// a?2
// b?6
// 打开控制台 输入以上验证
// 赋值
// +=
// -= *= /= %=
// var a = 1
// a = a + 10;
// a+=10;
// a-=10;
// a=a-10;
// 比较 布尔型
// a = 1 >2
// a >= 2 true
// <
// <=
// ==值
// ===类型 和值
// false = 0
// 0==false -》 true
// 0===false -》false
// 1=="1" ->true
// 1==="1" ->false
// 1!=2
// 逻辑
// 布尔值 &&布尔值 -》布尔值
// ||
// !
// true && false ->false
// a && b a 和b都是 true true false
// a || b 有是true的吗 true false
// !a a= true false
// var a=60;
// varb=60;
// if(a>=60&&b>=60)
// 很高兴
// if(a<60||b<60)
// 挨揍
// 按位 >>
// c++