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()
Mathb.浏览器对象
window
document forms text password submit button radio checkbox
location
screen
history
framec.自定义对象(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
图片对象.src7.表单验证
(1)onsubmit="return 验证方法(...);"
(2)正则表达式