JavaScript脚本编程

,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,网站之家,http:/,联系人,:,徐先生 手机,:13355697313,JavaScript,脚本编程,学习目的：,1,、了解客户端编程的思路,2,、掌握,Web,开发编程思想,3,、熟练编写各种对象的属性、方法,4,、熟练使用各种条件、循环语句及运算符,5,、将整体页面考虑在内进行各种知识的溶合,学习重点：,1,、条件、循环语句及运算符,2,、各种对象的属性、方法,3,、各种内置对象及函数的使用,4,、窗体等对象的控制,学习难点：,1,、条件、循环语句及运算符,2,、各种对象的属性、方法,3,、各种内置对象及函数的使用,4,、窗体等对象的控制,JavaScript,基本结构,一、嵌入式,二、外挂式,编写规则：,它区别大小写,每句结束用“；”,程序块用,和,符号包围，如函数、条件、循环,/,注释一行,用,/*,注释 多行*,/,JavaScript,的变量和运算符,一、变量的命名：,不能使用数字开头,不能用,.,符号,大小写区分,不能使用保留字,二、变量的声明：,声明一个变量用,var,a1,声明多个变量用,var,a1,a2,声明的同时还可以赋值,var,a1=100;,直接也可以赋值,a1=100;,如该变量不存在返回一个,undefined,数据类型,一、数值型：,整数型：,浮点型：整数加上小数,二、字符串型：,用单引号或双引号括起来的数据,三、,Null,型：,它只有一个值，表示变量没有值或不是对象,四、,Undefined,型：,变量没有声明，或对象的属性根本不存在,五、,Escape,特殊字符串：,b:,退格键,n:,换行,r:,分段,t:Tab,键,:,符号,”:“,符号,:,符号,六、数据类型的强制转换：,数字和字符串相加：数字被强制转换成字符串,布尔和字符串相加：布尔被强制转换成字符串,布尔和数字相加：布尔被强制转换成数字,七、数据类型的转换函数：,1,、,parseInt,():,将字符串值开头的数字转换成整数,如：,parseInt(“3 page”):3,parseInt(“3.3”):3,parseInt(“page,3”):NaN (Not a number),2,、,parseFloat,():,将字符串值开头的浮点数转换成浮点数,如：,parseFloat(“3.2”):3.2,parseFloat(“page,3.2”):NaN,!:,逻辑,not -,：负号或减号,+:,递增,-:,递减,=:,大于等于,=12)?”PM”:“AM”,用来指定变量的值,.,五、,for(,初始值,;,条件,;,递增表达式,),六、,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,=http:/,Window.location.reload,():,重新载入本页,Window.location.replace(url,),：转到,url,的网址,Document,对象,Document,对象的属性：,window.document.title,:,返回和设置,title,标记,window.document.URL,:,返回网页的,URL,字符串,打开与写入新窗口文件：,win=,window.open(“”,”win”,”width,=300,height=100);,win.document.write,(“,新文件,”);,win.document.write,(“,这是一份新文件,”);,win.document.close,();,存取,HTML,标记的内容和属性,innerHTML,:,用,HTML,存取标记对象内的子标记和内容，不含标记对象本身。,innerText,:,用文本存取标记对象的内容，不能包括有标签。,outerHTML,:,存取标记对象的子标记和内容。包含标记对象本身,outerText,:,存取标记对象的内容，可以用来替换整个标记对象。,注：上面的,inner,属性只能使用拥有内容的标记如,M;,而,outer,属性适用于所有,HTML,标记,