web前端JS入门知识点总结

1.JavaScript是什么
基于对象和事件驱动的客户端脚本语言。

2.作用：获取和处理浏览器中的html元素，添加动态效果。

3.引入方式
（1）<标记名  on事件名="javascript:javascript语句">
（2）使用<script type="text/javascript">javascript语句</script>
（3）创建*.js文件，<script type="text/javascript" src="*.js"></script>

4.基础语法
（1）数据类型
字符串  ''   ""
数字
布尔    true  false
null    对象不存在
undefined  变量的缺省值
对象
数组

（2）变量的使用
a.声明
var  变量名;
b.赋值
变量名=值;
c.注意：
先声明，再赋值，最后使用。

（3）运算符
算术： + - * / %
比较： > < >= <= == !=
赋值： =  += -=  *=  /= %=
逻辑： &&  ||  ！
三目： (布尔)?(语句1):(语句2);

（4）数组
var  arr=new Array([length]);
arr.sort();
arr.join("*");
arr.reverse();

（5）流程控制语句
a.顺序结构（默认）
b.选择结构
if(){}else{}
switch(){case ......}
c.循环结构
for(;;){}
while(){}
do{}while();

（6）函数定义
function  函数名([参数1,....参数n]){

//	return x;
}


//var a=test()

5.事件驱动
（1）html事件
onclick
ondblclick
onchange
onfocus
onblur
onload
onsubmit
onmouseover
onmouseout

（2）事件处理
语法：  on事件名="调用javascript函数"

6.基于对象
（1）分类
a.常用对象
Array
Date
String
Number    parseInt()  parseFloat()
Math

b.浏览器对象
window
document    forms    text password submit button  radio checkbox
location
screen
history
frame


c.自定义对象

（2）window对象
open("url"[,"",""]);
close();

alert(message);
布尔=confirm(message);
prompt(message);

id=setTimeout("操作",时间数字);
clearTimeout(id);


（3）document对象
a.获取页面html标记对象
Array=getElementsByName(name);
Object=getElementById(id);

b.关于表单
--b1--
document.forms
表单.elements
--b2--
document.表单名
表单.元素名

说明：表单的元素对象一般都有value属性

c.关于图片
document.images
图片对象.src

7.表单验证
（1）onsubmit="return  验证方法(...);"
（2）正则表达式