javabook3第三章总结.docx

第三章 JavaScript基础学习重点：JavaScript的基础语法 Windows对象的方法以及使用 Dom元素的查找和定位Table对象的属性和方法 使用javaScript访问页面元素的样式学习难点： 自定义函数 setTimeout和setInterval的区别 getElement系列方法的使用和应用场合 数组和表格对象的综合应用 scrollTop获取鼠标滚动的距离JavaScript概述定义：一种描述语言，基于对象和事件驱动的，安全性好的脚本语言。特点：1.用来向HTML页面添加交互行为 2.是一种脚本语言，和Java类型 3.用来编写客户端脚本 4.是一种解释性语言，边执行边解释二、JavaScript的语法结构使用JS的时候要加上type属性 script type=text/javascript !-- //JavaScript语句； -- /script引入JavaScript的方式 1.使用script。。。/script标签 2.使用外部JS文件 3.直接在HTML标签中JavaScript的基本语法1、变量的声明及使用 Var 变量名； 例：var num； 注： a.JavaScript为弱类型语言，没有明确的数据类型，声明变量时都用var表示 b.区分大小写 c.不能与关键字重名函数 2.1 自定义函数 语法：function 函数名（参数1，参数2）{ ......//语句 Return 返回值；//可选 } 2.2 常用系统函数 parseInt（）：转换成整数 parseFloat（）：转换成浮点型 isNaN（）；判断非数字 Eval（）：计算表达式的值 实例： function clearContent(){ var myInput=document.getElementById(userName); myInput.value=; }程序调试最常用的调试方法1、使用alert（）方法2、Firebug工具实例：实现全选按钮关键代码： script type=text/javascriptfunction 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;}else{imgElement.src=iamges/img_contact.gif;}}/scriptbodytabletrtdinput type=checkbox value=1 id=all onclick=selectM()/全选/tdtd电影名/td td类型/td /tr trtdinput type=checkbox name=movie //tdtdfdf/td tdaiqing/td /tr trtdinput type=checkbox name=movie //tdtdbb/td tdaiqing/td /tr trtdinput type=checkbox name=movie //tdtdcc/td tdaiqing/td /tr/ta