#javascript
*概述:
是运行在浏览器端的脚本语言
*组成:
ECMAScipt DOM BOM
ECMAScript:JavaScript的基本的语法 (ECMA 欧洲计算机制造商协会)
BOM:Browser Object Model :
DOM:Document Object Model :
*其他的脚本语言:
JavaScript,ActionScipt,Flex
*用途:
使页面更加丰富,使页面动起来
*基本语法:
*区分大小写
*是一种弱语言(Java是强语言)
*分号可有可无
*变量命名和Java一样
*注释和代码块与Java一样
*数据类型
*JS将数据类型分成两类
原始类型:
undefined:未定义类型
boolean:布尔类型
number:数字类型
string:字符或字符串
null:空
引用类型:
对象类型,默认值是null
*JS运算符
JS中运算符和Java基本一致
JS中有个===全等于,是类型和值都一致,才为true
*语句和Java一致
*JS通常开发的步骤
JS通常由一个事件触发
触发一个函数,定义一个函数
获取操作对象的控制权
修改要操作的对象的属性或值
*定义函数:
function 函数名称(){}
windons.onload = fonction(){};
*常用事件:onclick ondblclick onmouseover onmouseout(onmouseenter onmouseleave)
onload:html文本中DOM树加载完毕后,加载资源请求,加载资源请求完毕后,加载 onload事件
*JS引入方式
*通常两种方式:
一种:页面内直接编写JS代码,JS代码需要使用<script></script>.
二种:将JS的代码编写到一个.js的文件中,在HTML中引入该JS代码即可.
*正则的匹配:
*JS中有两种匹配正则的方式:
* 使用String对象中的match方法.
* 使用正则对象中的test方法.
*HTML的window对象
*设置定时
*setInterval("JS代码",时间 ):每隔多少毫秒执行某个表达式
*setTimeOut:过多少毫秒执行下一个表达式
*清除定时
*clearInterval();
*clearTimeout();
*css的显示和隐藏的两种方式
display:block,none 隐藏后不占位
visiblity:visible,hidden 隐藏后占位
*基本语法
定义变量 var 变量名 = 值;
变量名:局部变量(定义在方法内部的变量)我们以_开头。
给变量赋予默认的值
如果是基本类型 var num = undefined;
如果是引用类型 var person = null;
在控制台打印变量 console.log(变量名);
定义对象 var person = {
name:"张三",
age:14,
gender:'女'
}
定义方法(函数) function 方法名(){}
function 方法名(name,id){}
function (){} //匿名方法,当作为方法的实际参数的时候使用
方法的调用
方法名();
null和undefined报错问题
Cannot read property 'name' of undefined 原因是调用了undefined.name
Cannot read property 'name' of null 原因是调用了null.name
*debug:
1.打开控制台,查看console是否有错误信息
2.如果有错误信息,可以直接定位哪里有问题
3.如果没有错误信息,我们需要打开source,查看源代码,加断点
4.找事件,根据事件名字找到对应的方法 比如 那我们就可以找到方法是show方法
5.在show方法的第一行加断点
6.仔细观察代码是走到哪一行报错的,并记录下来
7.通过watch查看出问题的哪一行的变量
|
|