js总结

1：使用js

1：内嵌，外部引用

2：测试js  console.log(“”);

3：js从上向下执行

4：

数字类型

字符串类型，字符串中再使用单引号，用转义，或者双引号

‘aaq\’a\’aaa’

 “aaa’bb’aaaa”

Boolean类型

Underfined

使用变量，变量没付过值

Var i；

Alert（i）//underfined

Null

Null用于表示值确实已经定义了，但这个值却不属于任何一种合法的数据类型，相当于我们定义了一个没有值的值

Var j=null；

2：js对象

1：对象是复合值，js中的对象是根据某种，引用类型 创建出来的实例

2：常用的引用类型,及创建对象

方法1

Object

Var zhangsan=new Object();

Zhangsan.name=’张三’;

Zhangsan.age=18;

方法2

Var obj2={name:’张三’,age:18}

 

迭代对象

 

var lisi={name:'lisi',age:18};

for (var i in lisi){

console.log(lisi[i]);

}

3:函数后面不需要加分号，for in 也不需要加分号

创建函数1

Var fs=function(){

};//有分号

创建函数2

Function fs(){

 

}//无分号

 

函数可以给默认值

Function aa(a,b,c=100){//从右向左，c可以不传参数了

 

}

函数返回值，值返回到，调用它的地方

5：Array数组引用类型

Var a=new Array();

New 可以省略 

Var a=Array();

//也可以这样创建

Var a=[];

Var a=[1,2,3];

6:创建对象，中的对象,也可以放函数

Var obj1={

Name:’zs’,

Age:18,

Info:’stud’,

Test:{

A:’1’,

B:’2’

   },

Test2:function(){

Alert(“aa”);

}

 

}

删除对象的属性

Delete Obj1.name;

检测对象是否有没有某个属性,属性名称要写成字符串

Alert(‘Name’ in obj1);

 

7：常见的数组方法

Concat(),join(),pop();push(),reverse();shift();slice();sort();splice();unshift();

 

8:js 3个包装类型，有方法操作

Boolean,Number,String

基本类型的值不是对象

Var s1=”aaaa”;

Var s2=s1.substring(2);

Js自动转换的

 

9：js中的运算符及运算

===，三个等于号，表示数值，类型都相当

10==‘10’比较值，true

10===‘10’比较值和类型false

！== 不全等

?: 三元运算

Var a=100;

Var b=1000;

A<b ? alert(‘真的’) : alert(‘假的’);

 

11：数据类型转换

Typeof  a //判断a的数据类型

数字转字符串

a.Tostring();

A.tofixed(1);//讲数字转小数形式的

 

字符串转数字

Var a=100;

Number(a);

Var b=’1000www’

Parseint(a);

Parsefloat();

 

基本类型比较的是值，引用类型的比较的是引用

 

 

 

 

12:js异常处理

try{

alert(wwww)

}catch(e){

alert(e);

}finally{

 

   }

13 js计时

延期执行代码

var a=function(){

alert("a函数");

}

 

Var bb=setTimeout(a,2000);

//取消

clearTimeout(bb);

 

定期执行代码，每隔多久执行代码

Var a=setInterval(a,2000);

//取消

clearInterval(a);

 

14:dom 文档对象模型

document.getElementById(‘id’);//返回id值的元素

Document.getElementsByClassName(class);//返回class值的元素集合

document.getElementsByTagName(tag);//返回标签名字对应的元素集合

document.querySelector(selector);//返回匹配指定class选择器的第一个元素

document.querySelectorAll(selector);//class 选择器的元素集合

 

以上返回的都是都是对象，可以返回对象以下的属性值

Classname,id,lang,tagName

 

//修改属性后，浏览器会立即改变

//修改css属性

Div2.style.fontsize=’40px’;

Div2.style.backgroundcolor=’#ccc’;

 

15:浏览器对象模型

1：弹框：Alert，confirm，prompt

2：打开窗口

Open

 

 

<!--EndFragment-->