javabook3第三章总结.docx

第三章 JavaScript基础学习重点： JavaScript的基础语法 Windows对象的方法以及使用 Dom元素的查找和定位 Table对象的属性和方法 使用javaScript访问页面元素的样式学习难点： 自定义函数 setTimeout和setInterval的区别 getElement系列方法的使用和应用场合 数组和表格对象的综合应用 scrollTop获取鼠标滚动的距离1、 JavaScript概述定义：一种描述语言，基于对象和事件驱动的，安全性好的脚本语言。特点：1.用来向HTML页面添加交互行为 2.是一种脚本语言，和Java类型 3.用来编写客户端脚本 4.是一种解释性语言，边执行边解释二、JavaScript的语法结构使用JS的时候要加上type属性 3、 引入JavaScript的方式 1.使用。标签 2.使用外部JS文件 3.直接在HTML标签中4、 JavaScript的基本语法1、变量的声明及使用 Var 变量名； 例：var num； 注： a.JavaScript为弱类型语言，没有明确的数据类型，声明变量时都用var表示 b.区分大小写 c.不能与关键字重名2、 函数 2.1 自定义函数 语法：function 函数名（参数1，参数2） ./语句 Return 返回值；/可选 2.2 常用系统函数 parseInt（）：转换成整数 parseFloat（）：转换成浮点型 isNaN（）；判断非数字 Eval（）：计算表达式的值 实例： function clearContent() var myInput=document.getElementById(userName); myInput.value=; 5、 程序调试最常用的调试方法1、使用alert（）方法2、Firebug工具实例：实现全选按钮关键代码： function selectM()var allElement =document.getElementById(all);Var movieElements=document.getElementsByName(movie);if(allElement.checked=true)/checked属性为true表示为选中状态for(var i=0;imovieElements.length;i+)movieElements.item(i).checked=true; /通过设置checked属性来选中if(allElement.checked=false)for(var i=0;imovieElements.length;i+)movieElements.item(i).checked=false;function changePic()var imgElement =document.getElementById(myImg);if(imgElement.src.indexOf(con)!=-1) /调用字符串的indexOf属性imgElement.src=iamges/produ04.png;elseimgElement.src=iamges/img_contact.gif; 全选 电影名 类型 fdf aiqing bb aiqing cc aiqing 用事件来调用函数六、在页面上实现动态时钟 关键代码： function myClock()var date =new Date();/得到当前时间var year = date.getFullYear();/得到四位年var month=date.getMonth();var riqi=date.getDate();var hour=date.getHours();var amPm=AM;if(hour=12)amPm=PM;if(hour12)hour=hour-12;var minute=date.getMinutes();var second=date.getSeconds();var day =date.getDay();var weekDay=;switch(day)case 0:weekDay=星期日;break;case 1:weekDay=星期一;break;case 2:weekDay=星期二;break;case 3:weekDay=星期三;break;case 4:weekDay=星期四;break;case 5:weekDay=星期五;break;case 6:weekDay=星期六;break;var myTime=year+年+month+月+riqi+日+hour+：+minute+：+second+ +amPm+ +weekDay;document.getElementById(myTime).innerHTML=myTime;/设置标签里面的值function met()Onload属性执行完body之后调用方法alert(&);/setInterval：循环执行函数，以毫秒为单位7、 省市级联关键代码： var cityList=new Array();/新建一个城市二位数组，索引为省名，元素为城市 cityList江苏省=南京市,宿迁市,徐州市; cityList河南省=郑州市,焦作市,商丘市; cityList安徽省=合肥市,黄山市,安庆市; cityList河北省=石家庄市,衡水市,邯郸市; function init()/初始化函数 /将数组中的省份添加到页面中 var provinces=document.getElementById(province); for(var province in cityList) /alert(province); provinces.add(new Option(province,province),null); function changeP()/将省份下面的城市和省份关联起来 var provinceValue=document.getElementById(province).value; /alert(document.getElementById(province).value); var cities=document.getElementById(city);/得到city节点 cities.length=0; cities.add(new Option(-请选择城市-,),null); for(var j in cityListprovinceValue ) /alert(j+&); /alert(cityListprovinceValuej+%); cities.add(new Option(cityListprovinceValuej,cityListprovinceValuej),null);所有网页执行完之后执行此函数，一个网页中只能有一个onload -请选择省份- 8、 动态改变样式 关键代码：li list-style-type:none; float:left; margin-right:10px;.myclasscolor:red; font-size:24px; background-co