03_JavaScript基本语法

javascript基本语法第三章本章目标JavaScript相关概念及作用如何在网页文件中引入JavaScriptJavaScript基本语法变量的定义函数的定义语句:条件,循环等JavaScript内建对象String,Array,Date,Window本章目标HTML文档中的相关事件window对象属性及方法弹出窗口;弹出模式窗口.document,history,location对象的使用document.write();history.back();location.href;JavaScript控制HTML通过ID控制HTML标签控制窗口对象(子、父窗口,弹出窗口;弹出模式窗口)生成树状目录本章目标表单相关事件获取表单元素及表单验证非空验证长度验证数字验证格式验证JavaScript控制表单元素表单元素Select的相关操作(综合)实现下拉菜单级联相关概念及作用JavaScript是一种解释型的、基于对象的脚本语言。JavaScript是一种宽松类型的语言。宽松类型意味着您不必显式定义变量的数据类型;JavaScript程序是语句的集合。javascript作用:运行于浏览器上,用于产生动态效果及客户端验证在网页引用JavaScriptJavaScript作为客户端程序嵌入网页有三种方式:使用script标记使用外部文件直接在HTML标记中(事件处理程序中使用JavaScript)引用javascript示例htmlheadscriptsrc=“test.js”/scriptscriptlanguage=“javascript”alert(‘欢迎光临!’);/script/headbodyinputtype=“button”value=“按钮”onclick=“javascript:alert(‘test’);”/body/html基本语法-变量的定义JavaScript变量通常称之为弱变量;因为JavaSctipt是一种宽松的脚本语言;JavaScript中变量可以不用预先定义而直接使用。变量的定义(声明)var变量名1,变量名2;或var变量名1=值1,…;变量的命名规则变量名的第一个字符必须是英文字母，或者是下划线符号_变量名的第一个字母不能是数字。其后的字符，可以是英文字母，数字，和下划线符号符号_变量名不能是Javascript的保留字(参见Javascript保留字)。变量作用域//局部变量；全局变量；scriptlanguage=javascriptvarabc1=123;//全局变量；从定义处开始整个页内都有效functionaaaaa(){varabc2=456;//局部变量；只在函数内部有效alert(abc2);}alert(abc2);//出错;局部变量/scriptscriptlanguage=javascriptalert(abc1);//可以用,全局变量/scriptJavaScript数据类型数值型number可为整数或浮点数字符串型string用于保存文本数据布尔型boolean只能是true或false对象型object例如document、window、date等对象函数function为内置函数或用户自定义函数。JavaScript数据类型转换parseInt将字符串转为整数parseFloat将字符串转为浮点数eval将表达式字符串转为表达式的结果X=“12.3”y=parseInt(x)y=12X=“12.3”y=parseFloat(x)y=12.3X=“3*4”y=eval(x)y=12特殊运算符new构造一个对象实例typeof判断var变量的类型，返回字符串;类型有objectstringnumber等vars1=“java”alert(typeof(s1))结果：Stringvoid执行一个程序语句;例如：ahref=“javascript:void(n++)”void执行/a运算符号赋值运算=，+=,算术运算+,-，*，/，%(取余)逻辑运算&&,||关系运算==,!=,,,=,,=语句语法-选择语句单向选择结构if(条件){语句;}双向选择结构if(){}else{}if(){}elseif(){}elseif(){}else{}多向选择结构switch(表达式){case条件1：语句1break;default：语句}语句语法-循环语句循环结构：记数循环for(I=1;I=10;I++){}条件循环while(条件){}嵌套循环for(varI=1;I=9;I++){for(varj=1;j=9;j++){document.write(I+”*”+j+”=”+I*j+”br);}}函数的定义函数编写格式：不传递参数functionsubname(){}传递参数functionsubname(p1){}传递多个参数functionsubname(p1,p2){}返回值functionsubname(p1){returnp;}函数的调用subname();对象的类别(了解)客户端对象：navigator：代表浏览器本身对象window：代表浏览器窗口的对象核心对象：String：字符串对象Array：数组对象Date：日期对象Math：数学函数对象Number：数字对象function：函数对象(自定义)window对象window代表浏览器窗口的对象相关方法及属性:设置状态栏window.status=“博洋”;定时器(1毫秒后执行a()函数)window.setTimeout(“a()”,1);间隔器(每隔1毫秒后执行一次a()函数)window.setInterval(“”,1);Array数组的定义使用一维数组：vara=newArray(19)vara=newArray()可以改变数组的大小。vara=newArray(1,2,3,4,5)vara=newArray(“a”,”b”,”c”)通过a[i]来访问数组中的元素。二维数组：(定义[2][3]二维数组)Vara=newArray(2);a[0]=newArray(3);a[1]=newArray(3);数组属性或方法属性或方法说明length数组元素个数join(分隔符)将数组元素中加分割符号后串接并返回一个字符串reverse()将数组元素按照原先相反位置存放slice(始[,终)返回一个子数组sort()按照字母排序string对象方法和属性属性或方法说明length字符串的长度charAt(位置)获取第几位置上的字符charCodeAt(位置)获取第几位置上的字符的ASCIIindexOf(子串[,起始位置)定位子串在字符串中的位置lastIndexOf()同上split(分隔符)拆分字符串，返回数组substring(始[,终])截取子字符串substr(始[,长])根据长度截取子字符串toUpperCase()大写toLowerCase()小写Date日期对象属性或方法说明setYear()/getYear()设置/获取年份setMonth()/getMonth()设置/获取月份setDate()/getDate()设置/获取天setDay()/getDay()设置/获取星期toLocaleString()按照本地格式返回日期字符串HTML文档中的事件点击事件:onclick,ondblclick焦点:onfocus,onblur鼠标onmouseout,onmouseover,onmouseup,onmousemove,onmousedown键盘:onkeydown,onkeypress,onkeyupbody中:onload,onunload,onerror,onresize选择事件:onchangeform表单:onsubmit,onreset事件--示例htmlheadscriptlanguage=javascript/script/headbodyonload=alert('加载完成');onunload=alert('退出');marqueeonmouseover=this.stop();onmouseout=this.start();我会跑噢/marqueebrinputtype=buttonvalue=按钮1onclick=alert('单击');onkeydown=alert(event.keyCode);//body/htmlwindow对象的属性Window对象表示浏览器的窗口，可用于检索有关窗口状态的信息。属性documenteventhistorylocationscreennamestatus状态栏信息opener返回打开本窗口的窗口对象top/self/parent/frames多框架下的window对象属性window对象方法方法alertconfirmpromptblurclosefocusnavigate(url)moveBy(水平偏移，垂直偏移)/moveTo(横坐标x，纵坐标y)scrollBy(水平偏移，垂直偏移)/scrollTo(x，y)resizeBy(水平,垂直)/resizeTo(长度,宽度)setTimeout(执行动作，毫秒数)/clearTimeout()setInterval(执行动作，毫秒数)/clearInterval()open(url,name,feture)showModalDialog(url,argumentParam,feture)showModelessDialog(url,argumentParam,feture)弹出新窗口语法：window.open(pageurl,name,parameters);window对象的open()方法用于创建一个新的窗口,新创建的窗口的外观由参数：parameters指定。新窗口中打开的文档由参数：pageurl指定。系统能够根据参数：name确定的名称访问该窗口。例:window.open(“url,name1,width=800,height=600,toolbar=no,scrollbars=no,menubar=no,screenX=100,screenY=100);弹出新窗口(参数)alwaysLoweredyes/no指定窗口隐藏在所有窗口之下。alwaysRaisedyes/no指定窗口浮在所有窗口之上。dependentyes/no指定打开的窗口为父窗口的一个子窗口。并随父窗口的关闭而关闭。directionsyes/no指定Navigator2和3的目录栏是否在新窗口中可见。heightpixelvalue设定新窗口的像素高度。hotkeysyes/no在没有菜单栏的新窗口设置安全退出热键。innerHeightpixelvalue设置新窗口中文档的像素高度。innerWidthpixelvalue设置新窗口中文档的像素宽度。locationyes/no指明位置栏在新窗口中是否可见。menubaryes/no指明菜单栏在新窗口中是否可见。outerHeightpixelvalue设定窗口（包括装饰边框）的像素高度。outerWidthpixelvalue设定窗口（包括装饰边框）的像素宽度。resizableyes/no指明新窗口是否可以调整。screenXpixelvalue设定新窗口离屏幕边界的像素长度。screenYpixelvalue设定新窗口离屏幕上边界的像素长度。scrollbarsyes/no指明滚动栏在