A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区


#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查看出问题的哪一行的变量

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马