JavaScript脚本编程.ppt

WEB应用技术开发 网站之家 联系人:徐先生 手机JavaScript脚本编程 网站之家 联系人:徐先生 手机学习目的： 1、了解客户端编程的思路 2、掌握Web开发编程思想 3、熟练编写各种对象的属性、方法 4、熟练使用各种条件、循环语句及运算符 5、将整体页面考虑在内进行各种知识的溶合 网站之家 联系人:徐先生 手机学习重点： 1、条件、循环语句及运算符 2、各种对象的属性、方法 3、各种内置对象及函数的使用 4、窗体等对象的控制 网站之家 联系人:徐先生 手机学习难点： 1、条件、循环语句及运算符 2、各种对象的属性、方法 3、各种内置对象及函数的使用 4、窗体等对象的控制 网站之家 联系人:徐先生 手机JavaScript基本结构 一、嵌入式 网站之家 联系人:徐先生 手机二、外挂式 网站之家 联系人:徐先生 手机编写规则： u它区别大小写 u每句结束用“；” u程序块用和符号包围，如函数、条件、循 环 u/注释一行 u用/*注释 多行*/ 网站之家 联系人:徐先生 手机JavaScript的变量和运算符 一、变量的命名： n不能使用数字开头 n不能用.符号 n大小写区分 n不能使用保留字 网站之家 联系人:徐先生 手机二、变量的声明： n声明一个变量用var a1 n声明多个变量用var a1,a2 n声明的同时还可以赋值var a1=100; n直接也可以赋值a1=100; n如该变量不存在返回一个undefined 网站之家 联系人:徐先生 手机数据类型 一、数值型： n整数型： n浮点型：整数加上小数 网站之家 联系人:徐先生 手机二、字符串型： n用单引号或双引号括起来的数据 三、Null型： n它只有一个值，表示变量没有值或不是对象 四、Undefined型： n变量没有声明，或对象的属性根本不存在 网站之家 联系人:徐先生 手机五、Escape特殊字符串： b:退格键 n:换行 r:分段 t:Tab键 :符号 ”:“符号 :符号 网站之家 联系人:徐先生 手机六、数据类型的强制转换： n数字和字符串相加：数字被强制转换成字符 串 n布尔和字符串相加：布尔被强制转换成字符 串 n布尔和数字相加：布尔被强制转换成数字 网站之家 联系人:徐先生 手机七、数据类型的转换函数： 1、parseInt():将字符串值开头的数字转换成整 数 如： wparseInt(“3 page”):3 wparseInt(“3.3”):3 wparseInt(“page 3”):NaN (Not a number) 网站之家 联系人:徐先生 手机2、parseFloat():将字符串值开头的浮 点数转换成浮点数 w如： wparseFloat(“3.2”):3.2 wparseFloat(“page 3.2”):NaN 网站之家 联系人:徐先生 手机!:逻辑not -：负号或减号 +: 递增 -:递减 =:大于等于 ：不等于 条件;递增表达式 ) 网站之家 联系人:徐先生 手机六、 var ddd; for(ddd in 对象) Document.write(“属性：”+ddd+”=”+对象 ddd+”) 网站之家 联系人:徐先生 手机七、While(条件) ； 八、do ； while(条件)； 网站之家 联系人:徐先生 手机break;跳出循环 continue;跳到条件处检测 网站之家 联系人:徐先生 手机JavaScript的函数 一、使用函数： 1、创建： function 函数名() ; 2、调用 函数名(); 网站之家 联系人:徐先生 手机二、拥有参数的函数： 1、创建： function a(aa,bb) ; 2、调用： a(具体值，具体值); 网站之家 联系人:徐先生 手机JavaScript的内置对象 一、内置对象种类： 1、隐性对象： var str=“这是一个字符串值”; 2、显性对象： var str=new String(“这是一个字符串值”) 网站之家 联系人:徐先生 手机二、内置String对象的方法： big()大号字 bold()粗体 fontcolor(color)设置字符串的颜色 fontsize(size)设置字符串的字体大小 italics()斜体字 link(url)链接 small()小号字 strike()删除线 sub()下标 sup()上标 网站之家 联系人:徐先生 手机1、 length:取得字符串的长度 2、toLowerCase():将字符串的英文字母 都转换成小写字母 3、toUpperCase():将字符串的英文字母 转换成大写字母 网站之家 联系人:徐先生 手机charAt(index):取得参数index位置 的字符，index以0开始。 网站之家 联系人:徐先生 手机indexOf(string):返回第一次搜寻到字符串 的索引位置。如没找到返回-1 lastIndexOf(string):从尾搜寻到头。 match(string):返回为找到的字符串。如无 则返回null。 Search(string):返回找到的索引位置。 网站之家 联系人:徐先生 手机replace(string1,string2):将找到的 string1替换成为string2. substr(index,length):从index开始取出 length个字符 substring(index1,index2):取出index1 到index2之间的字符串 concat(string):新增到对象的字符串后 。例：str3=str1.concat(str2) 网站之家 联系人:徐先生 手机JavaScript 的Array对象 数组的建立： var username=new Array(3); username0=“345”; username1=“100” username2=“Jack”; var username=new Array(“345”,”100”,”Jack”); 网站之家 联系人:徐先生 手机JavaScript 的Date对象 取得日期和时间 建立日期对象： var a1=new Date(); 网站之家 联系人:徐先生 手机getDate()返回日期 getDay()返回星期数06即日到六 getMonth()返回月份 getFullYear()返回完整的年份 getYear()返回年份后两位 getHours()返回小时数 getMinutes()返回分钟数 getSeconds()返回秒数 getMilliseconds()返回毫秒数 getTime()返回自1/1/1970开始的毫秒数 网站之家 联系人:徐先生 手机JavaScript的Math对象 Math对象的方法： max(value1,value2):返回此二个参数中 的最大值 min(value1,value2):返回此两个参数中 的最小值 random():返回随机参数 round(value):将参数值四舍五入后返回 网站之家 联系人:徐先生 手机Window 对象的计时器： setTimeout(“express”,time):间断执行 clearTimeout():停止setTimeout方法启动 的计时器 例： a1=setTimeout(“a()”,500); clearTimeout(a1); 网站之家 联系人:徐先生 手机setInterval(express,time):周期执 行 clearInterval():停止setInterval方法启 动的计时器 网站之家 联系人:徐先生 手机窗口的打开与关闭： winID=window.open(“a.htm”,”,”参数 ”) 说明：打开新窗口 网站之家 联系人:徐先生 手机窗口属性： 新窗口名.open:判断新窗口是否打开 新窗口名.closed:判断新窗口是否关闭 在条件里放入新窗口名：表示新窗口这个对 象是否存在 在子窗口里window.opener表示父窗口 网站之家 联系人:徐先生 手机属性说明属性说明 left浏览器左边位置 menubar菜单栏 top浏览器上边位置 resizeable可调整性 height高度 scrollbars滚动条 width宽度 status状态栏 directories连接行 titlebar标题栏 location网址栏 toolbar工具栏 网站之家 联系人:徐先生 手机Window对象内置的对话框： alert(message):弹出警告对话框 confirm(message):确认对话框 prompt(msg,value):输入对话框 网站之家 联系人:徐先生 手机Window对象的移动方法： moveTo(x,y):将浏览器移到座标（x,y）处 moveBy(offsetx,offsety):每次的位移量 网站之家 联系人:徐先生 手机Window对象调整方法： resizeTo(width,height):将浏览器调整为 width X height resizeBy(offsetx,offsety):将浏览器放大 和缩小量 网站之家 联系人:徐先生 手机Window对象窗口内容的滚动方法： scroll(x,y):滚动窗口内容到指定的位置 scrollTo(x,y):同上 scrollBy(offsetx,offsety):每次滚动量 网站之家 联系人:徐先生 手机History对象 History的属性： History.length:返回历史记录数 History的方法： back():回到上一页 forward():移到下一页 go(num):移到第几页；0为下几页 网站之家 联系人:徐先生 手机Location对象 Window.location.href= Window.location.reload():重新载入本页 Window.