HTML:结构层 从语义角度来描述页面结构。
CSS:表现层 从审美角度美化页面
Javascript:行为层 从交互角度来提升用户体验
1.核心(ECMAScript)
2.文档对象模型(DOM)
3.浏览器对象模型(BOM)
(1)区分大小写
(2)变量名必须以字母、下划线、或$ 开头,组成可以 字母、下划线 、$或数字
(3)不能使用关键字和保留字
关键字:
保留字:
3.变量的赋值 var 变量名=值
4.去除变量的值:使用变量的名
5.变量会被重复赋值 :所以写代码时 一定要注意变量的使用
var a=10;
console.log(a);//10
a=20;//上面的值已经被覆盖
console.log(a);//20
var a=10;
console.log(typeof a);//number
console.log(typeof typeof a);//string
number-------->>string
// var a=10;
// //方法一:
// // var b=a.toString();
// //方法二
// // var b='';//空字符串
// var b=a+"";
number-------->>boolean
// var a=1;
// console.log(1||false);
boolean-------->>number :当布尔类型进行数学运算时 true为‘1’ falsse 为 ‘0’
var a=true;
var b=false;
var c=a+b;
console.log(c);//1
boolean------->>string
var a=true;
var b=a+'';
var c=a.toString();
console.log(typeof b);//string
console.log(typeof c);//string
string------->>number
// var a="哈哈";
// var a="5";
// var a1="3.14";
// var a2='3.99';
//parseInt() 将字符串转换为整数 parseFloat()
// var b=parseInt(a);
// var b=parseInt(a1);
// var b=parseInt(a2);
// var b=parseFloat(a2);
// var b=parseFloat(a);
// var b=parseFloat("哈哈");//NaN
// var str="a";
// var str='a1';
/*var str='5a';
// var b=parseFloat(str);//NaN
var b=parseFloat(str);//5
string------>>boolean 不能转换
运算符根据两边操作数不同 分为:一元运算符、二元运算符、三元运算符
按照功能不同分为 : + - * / %(取余)
1.一元运算符:++(自增)、--(自减)
var a=5;
//运算符前置 先运算,再赋值
var b=++a;
console.log(b);//6
//运算符后置 先赋值,在运算
var c=a++;
console.log(c);//5
2.二元运算符:a+b c+k
如果两个均为数字(number)类型 则按照算术规则运算
var a=1;
var b=2;
var c=a+b;
console.log(c);//3
如果两个有一个为字符串或两个均为字符串,则做拼接操作
var a=1;
var b="2";
var c="3";
var n=a+b;
var m=b+c;
console.log(n);//12
console.log(m);//23
3.三元运算符
表达式:表达式1?表达式2:表达式3
运算规则:当表达式1结果为真(true)时 ,则运算结果为表达式2,结果为假时,运算结果为表达式3
var a=5;
//5大于3 为真 结果为第2个表达式
var b=a>3?8:3;
console.log(b);//8
“=” var a=1; var b=2; var c=3; 把数字赋值给变量a,b,c
>(大于)、<(小于)、 >=(大于等于)、 <=(小于等于)、==(等于)、===(全等于、真等于)
关系运算符的结果为布尔类型:true、false
运算结果成立时为true、否则为false。
==(等于)、===(全等于、真等于)
== 只比较数值
=== 不仅比较数值,也比较类型(typeof)都成立结果才为真
(1)|| 逻辑或 当两边的表达式运算结果一个为真(true),则结果为真,两边均为假时,才为假(false)。
若第一个操作数为真,则表达式结果为第一个操作数,
var a=5;
var b=(5<3);
console.log(a||b);//5
若第一个操作数为假,则表达式结果为第二个操作数。
var a=(6>9);
var b=5;
console.log(a||b);//5
(2) && 逻辑与 当两边的表达式运算结果有一个为假,则为假(false),两边均为真时,结果为真(true)。
若第一个操作数为真,则表达式结果为第二个操作数。
var a=5;
var b=(5-3);
console.log(a&&b);//2
若第一个操作数为假,则表达式结果为第一个操作数。
var a=(5<3);
var b=(5-3);
console.log(a&&b);//false
基础知识点梳理,下一章节:循环结构、分支结构。