javascript—1

一、day01

1)使用javascript

a.行内：onclick

<button onclick="alert('您好');">按钮</button>

alert()---显示提示框（模式窗口，必须关闭提示框此案才能继续操作页面内容）

b.头部

<srcipt type="text/javascript>

document.write("0522855....");

</srcipt>

document.write()-----向html文档作输出；(可能打乱文档的页面结构)

c.外部

外部js文件

console.log("在控制台上显示的内容")，IE低版本的浏览器不支持console.log

外部js的文件引用在头部<script src="js/outer.js"></srcipt>

<script>标签可以在页面任何位置书写，但推荐写在body结束标签之前

2)注释--解释说明

//单行注释

/**/多行注释

3）关键字、保留字、标识符

关键字：在JS中有特殊意义的单词

保留字：在JS中现在没有使用的单词，但可能在以后会被用到的单词，Java中所有的关键字在JS中作为保留字使用

标识符:自定义名称时所使用到的符号标记

标志符规则：可以使用字母、数字，下划线，美元符号，不能使用关键字，保留字,不能以数字开头。

标志符规范：a.使 用简介的英文单词，“见名知意”

b.采用驼峰命名法

变量名第一个名字首字母小写，其他单词首字母大写 myName

构造函数名所有名词的首字母都大写

4)变量  内存中一个数据存储的区域

变量的三大要素：变量名，数据类型，变量值

JS弱类型语言，声明变量时，不用指定变量的数据类型，变量的数据的类型是在赋值时确定的。

声明变量：var 变量名；

变量赋值：变量名=变量值；

数据类型：number string boolean null undefined object

基本数据类型：number string boolean null undefined

引用数据类型：object

number:数值

String：字符串,以双引号或单引号表示

boolean:布尔型----true false

Null :空

undefined:未定义---声明一个变量为赋值时

object:对象

常量----（字面量、直接量、）

typeof可以求解变量的数据类型，得到的结果是一个字符串的值："number:,"string""boolean""unfined""object""function"

5）数据类型转换

显示类型转换

parseInt()解析为整数

parseFloat()解析为浮点数

Number()-----将其他类型转换为数值类型。var num=Number(str);Number可将布尔型的值true转换为数字1，将布尔值flase转换为0

主要用作于将字符串解析为数字值,解析的是字符串中兼容的数字内容，遇到非数字，则解析结束。

如果字符串的第一个字符就不能解析，则返回NaN(not a number)

var str="25"

var num =parseInt(str);

alert (typeof str);

isNaN()------判断给定的参数是否为非数字；返回值为true：非数字  false:数字

Boolean()----将其他类型转换为boolean类型（true,false）,字符串有内容时将转换为true,字符串无内容时转换为false,数值型，非0转换为true,0转换为false;

null ==>false可以当做一个值

unfined==>false可以当作一个值

非null object==>true

String()-------将其他类型转换为string类型

隐式类型转换

6）；分号表示语句结束。可省略

=（赋值运算符）---表示吧=右边的赋值给左边的变量保存

7）算数运算符 + - * / %（求余数）

注意：+用在字符串类型表达式中运算时，做的是字符串拼接

8)关系（条件）运算符,用做于判断大小，结果为布尔型

> , <, >= ,<=, ==（如果类型相同，则直接比较，如果类型不同，则先尝试着转换在比较）, ===（恒等）, !==

9）逻辑运算符（通常用作条件表达式的链接）

！----求反 ！true-->false !false-->true

&&---并且  true&&true==>true   其它==>false 

||----或者 false || false ==>false  其它==>true

&&、||--------短路运算符

10）符合运算符

+= //_money=_money+25;_money+=25;拿原运算符左侧的变量与运算符右侧的表达式作运算符第一个符号的运算，运算结果继续放回左侧变量中保存

-=  //num-=3;==>num=num-3;num-=3+2;num=num-(3+2);

*=

/=

%=

11)三目运算符：用作于条件判断

条件？true时执行的表达式：false时执行的表达式

var point=10;

var str=point>9?"开大“：”开小“；

console.log(str);

12)++/--自增、自减

num++;<==>num+=1;

用作于前缀时，先运算，后引用，var j=++num,先作自增自减，在把运算结果保存到变量中

用作后缀时，先引用，在运算 ， var j=num++ 先将Num值保存到j,在对num做自增运算；

13）位运算？

14）进制相关：

二、Day02

Math.floor();//向下取整数，即取到一个比指定数字小的最大整数。

Math.ceil();//向上取整数，即取到一个比指定数字大的最小整数。

Math.random()://生成随机数字，范围0~1的浮点数，能够取到0，但不能取到1

toFixed(num),取小数点后的几位小数，num是小数位数；

1）流程控制语句

a.顺序结构

b.选择结构

c.循环结构

d.跳转语句

2）顺序机构

3）选择结构

3.1  简单if 

语法： if(条件表达式）{

//满足条件表达式（true）要执行的语句块

}

prompt()在网页弹框中显示输入框，prompt("提示信息"，“默认值”)

var answer=prompt("提示信息“，”默认值“)；

3.2 if-else

语法：

if(条件表达式){

//条件为true时的执行语句块

}

else{

//条件表达式为false时的语句块

}；

3.3 多重if

语法：

if（条件表达式1){

//条件1true,语句块1

}else if(条件表达式2){

//条件2true,语句块2

}else {

//语句块，当前边的所有条件都为false....

}

3.4 switch

语法：

switch(表达式){

case 常量值1：

//语句块1；

break;

case 常量值2：

//语句块2；

break;

case 常量值n：

//语句块n；

break;

default:

//语句块n+1：

break;

}

说明，switch通常用作于等值条件判断；

会将表示式与case后的各常量值做恒等比较，当表示式与某个case后的常量值相等时，执行这个case语句块中的语句。

当在case语句块中执行遇到break时，则退出switch结构

当表达式的值和Case的常量值都不相等时，则执行default语句；

case语句块中的break；语句可以省略，当省略break；时，有贯串case显现

case语句块顺序

多重If和switch结构：（多分枝选择），（多重if没有等值的限制，switch通常是等值条件判断）

3.5  嵌套