JavaScript组成
ECMAScript:解释器,翻译。它是JavaScript的核心
DOM:Document Object Model 操作HTML的能力
BOM:Browser Object Model 操作window的能力
变量类型
类型:typeof运算符
用法:返回值
常见类型:number、string、boolean、undefined、object、function
数据类型转换
parseInt:字符串 ==(转正整数)》数字
parseFloat:处理小数
isNaN:判断是否是非数字
运用:例子求和(计算两文本框的和)
<input type = "text" id = "txt1"/>
<input type = "text" id = "txt2"/>
<input type = "button" id = "btn1" value = "求和"/>
js
window.onload = function(){
var oTxt1 = document.getElementById("txt1");
var oTxt2 = document.getElementById("txt2");
var oBtn = document.getElementById("btn1");
oBtn.onclick = function(){
var num1 = parseInt(oTxt1.value);
var num2 = parseInt(oTxt2.value);
if(isNaN(num1){
alert("the first value is not a number");
}
else if(isNaN(num2)){
alert("the second value is not a number");
}
else{
return num1 + num2;
}
}
显示类型转换(强制类型转换)
parseInt()、parseFloat()
隐式类型转换
== 、===、减法
变量的作用域和闭包
变量作用域(作用范围)
局部变量、全局变量
什么是闭包
子函数可以使用父函数中的局部变量(初步理解)
function father(){ // 父函数
var a = 12;
function children(){ // 子函数
alert('a');
}
children();
}
father(); // 12
运算符
算术:加、减、乘、除、求模(%)
赋值:=、+=、-=、/=、%=
关系:>、<、!=
逻辑:&&与、||或、!否
运算符优先级:括号
例子:
求模的应用:隔行变色(循环、判断)、秒转时钟(秒/60:分 秒%60:秒)
逻辑的应用:全选与反选
程序流程控制
判断:if 、 switch、 ? : (三元运算符)
循环:for、 while 、
跳出:break、continue
switch(变量){
case 值1:
语句
break
case 值2:
语句
break
........
default:
语句
break
}
例子:根据性别的问候
Json
什么是json?
它是一种轻量级的数据交换格式,基于ECMAScript的一个子集。
JSON 数据的书写格式是:名称/值对。