一:JavaScript基础教程
1、JavaScript介绍:一种轻量级的编程语言、是可插入HTML页面的编程代码,JavaScript插入HTML页面后,可由所有浏览器执行。
2、JavaScript用法:HTML中脚本必须位于<script></script>标签中。脚本可以被放置在HTML页面的<body>或者<head>中。在HTML中不限制脚本使用数量,通常把脚本放到<head>中、以不干扰页面内容。
3、JavaScript输出:JavaScript通常同来操作HTML。文档输出:document.write("<p>this is my first JavaScript</p>");
4、JavaScript语法:
①JavaScript语句向浏览器发送命令,告诉浏览器该做什么
②语句之间的分割是分号(;)JavaScript代码按照编写顺序依次执行
③JavaScript标识符必须以字母,下划线或美元符号开始。
④书写对大小写非常敏感。JavaScript会忽略掉多余的空格。
5、JavaScript注释:①单行注释:// ②多行注释:/* */
6、JavaScript变量:①变量是用来储存信息的“容器”,(例如:var x =10; var y =10.1; var z ="Hello";)
7、JavaScript数据类型:①字符串String②数字Number③布尔Boolean④数组Array⑤对象Object⑥空null⑦未定义⑧可以通过赋值为null的方式清除变量。
二:JavaScript语法详解
1、JavaScript运算符:
①算数运算符:+、-、*、/、%(取余)、++(自加)、--(自减) (备注:i++与++i、如果++在前先加再运算;如果++在后先运算再加)
②赋值运算符:=、+=、-=、*=、/=、%= (备注:var m = i+=j;等同于i+j)
③字符串操作(备注:任何类型与字符串相加都会被转换为字符串类型)
④比较运算符:==(比较的是值)、===(不仅比较值,还比较类型)、!=、!==、>、<、>=、<= (备注:它返回的是一个布尔类型,要么是真要么是假;)
⑤逻辑运算符:&& (与)、|| (或)、!(非:取反)
⑥条件运算符(三目运算符):例如(x<10? "x比10小":"x比10大"说白了 条件?满足条件输出:不满足条件输出)
2、JavaScript条件语句:
①if.....else:写法 (备注:else可以继续嵌套if)
if(条件){
满足条件时输出
} else{
不满足条件时输出
}
②switch:写法 (备注:当条件不满足任何一个case,将执行default里的代码)
switch(条件){
case 条件:
break;
case 条件:
break;
default :
break;
}
3、JavaScript循环语句:
①for循环、for/in (备注:可以把for里面的第一个条件拿出来放在外面,但是分号必须还在)
例如:var i=[1,2,3,4,5]
for(var j=0; j<5; j++){
document.write( i [j] );
}
②while循环、do....while (备注:while是先判断再执行,do...while是先执行一次再判断)
while(判断语句){
符合条件时执行的代码
}
4、JavaScript跳转语句:
①break:跳出循环语句,不在继续执行。
②continue:跳出本次循环,继续进行下次循环。
③return:返回值之后的语句不再执行
三:JavaScript函数
1、函数:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
2、定义函数: function 函数名 (){
函数体代码块;
}
3、函数调用:函数在定义好之后,不能自动执行,需要进行调用。
调用方法:①在<script>标签内调用②在HTML文件中调用
4、带参数的函数:在函数的调用中,也可以传递值,这些值别称为参数。例如:demo(a,b);参数的个数可以为任意多,每个参数通过逗号“,”隔开。(备注:参数在传递时,其顺序必须一致)
5、带返回值的函数:(返回值)有时候,我们需要将函数的值返回给调用他的地方(调用者),通过return语句来实现它。(备注:在使用return语句时,函数会停止执行,同时返回值)
6、局部变量和全局变量:局部变量:声明在函数方法内,当方法不调用时它会主动销毁,节省内存。全局变量:声明在函数方法之外的变量,在任何地方都可以使用,不会被主动销毁。
四:JavaScript异常处理和事件处理
1、异常捕获:
①异常:当JavaScript引擎执行JavaScript代码时,发生了错误,导致程序停止运行。
②异常抛出:当异常产生,并且将这个异常生成一个错误信息。
③异常捕获:try{
发生异常的代码块 ;
}catch(err){
错误信息处理;
}
④Throw语句:通过throw语句创建一个自定义的错误。
2、JavaScript事件:事件是可以被JavaScript监听到的行为,比如鼠标的点击、鼠标的移动.....
①常见的事件:onClick(单击事件)onMouseOver(鼠标经过事件)onMouseOut(鼠标移出事件)
onChange(文本内容改变事件)onSelect(文本框选中事件)onFocus(光标聚集事件)
onBlur(移开光标事件)onLoad(网页加载事件)onUnload(关闭网页事件)