JavaScript常用对象幻灯片.ppt

JavaScript常用对象 蔡小芳 回顾 请简述一下脚本执行的原理。 在JavaScript中有哪些控制语句及其含义？ 如何创建一个有参函数以及如何调用它？ HTML文档的树状结构 什么是DOM DOM－Document Object Model ,它是W3C国际组织的一套Web标准，它定义了访问HTML文档对象的一套属性、方法和事件 。 DOM对象模型-1 DOM对象模型-2 Window对象常用的属性 window对象常用的方法和事件 如何使用window对象 如何使用window对象 如何使用window对象 Date对象做时钟显示-1 Date对象做时钟显示-2 Date 对象存储的日期为自 1970 年 1 月 1 日 00:00:00 以来的毫秒数 Date对象做时钟显示-3 Date 方法的分组 Date对象做时钟显示-4 Date对象做时钟显示-5-1 Date对象做时钟显示-5-2 setTimeout的用法： setTimeout（“调用的函数”,”定时的时间”） 例：var myTime＝setTimeout( “disptime( )”, 1000 ) ; Date对象做时钟显示-6 history 和location对象-1 history 对象 方法 history 和location对象-2 Location 对象 属性 方法 history 和location对象-3 常见错误 document对象 属性 方法 制作实现全选效果 常用的String对象 使用 var 语句 var newstr = 这是我的字符串 创建 String 对象 var newstr = new String(这是我的字符串“) 调用方法和属性 字符串对象.属性名 字符串对象.方法名( ) 表单验证的思路-4 几个JavaScript实例 实现简单的省市级联功能 实现简单的省市级联功能 实现简单的省市级联功能 实现简单的省市级联功能 实现简单的省市级联功能 实现简单的省市级联功能 小结下拉框控件SELECT： 常用属性 length value options selectedIndex 常用事件 onChange onBlur onFocus 小结1 使用数组优化省市级联功能 使用数组优化省市级联功能 使用数组优化省市级联功能 使用数组优化省市级联功能 使用数组优化省市级联功能 练习 使用文字下标的数组再次优化 使用文字下标的数组再次优化 使用文字下标的数组再次优化 常见错误 练习 表单验证 表单验证 表单验证 表单验证 练习 编写如下图所示，实现登录表单的验证功能 文本框控件 文本框对象的常用属性、方法、事件 演示实现步骤： 2、查看生成的HTML代码 FORM name=myform ...... SELECT name=selProvince OPTION--请选择开户帐号的省份--/OPTION OPTION value=四川省四川省/OPTION OPTION value=山东省山东省/OPTION OPTION value=湖北省湖北省/OPTION /SELECT ...... SELECT name=selCity OPTION--请选择开户帐号的城市--/OPTION /SELECT ...... /FORM 多个选项构成选项数组 options 选项 Option 城市下拉框暂时没有具体的城市选项 演示实现步骤： 3、添加动态改变城市选项的changeCity( )函数 function changeCity( ){ var province=document.myform.selProvince.value; var newOption1,newOption2; switch(province) { case 四川省 : newOption1= new Option(成都市,chengdu); newOption2= new Option(泸州市,luzhou); break; case 湖北省 : …… } document.myform.selCity.options.length=0; document.myform.selCity.options.add(newOption1); document.myform