WebCh06B(HaoXW)客户端编程题库.pptVIP

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 高等教育“十一五”国家级规划教材　计算机技术基础 举例--动画显示 html head script language=javascript var ImageNum=1; function Begin() { document.MyImage.src=ImageArray[ImageNum].src; ImageNum++; if (ImageNum3) ImageNum=1; } /script /head body img name=MyImage src=tu.gif onLoad=setTimeout(Begin(),500) script language=javascript var ImageArray=new Array(); for (i=1;i=3;i++) { ImageArray[i]=new image(); ImageArray[i].src=tu+i+.gif } /script /body html 高等教育“十一五”国家级规划教材　计算机技术基础 links链接数组 链接数组是另一种常用的document对象中的数组成员，links数组的每一个元素都是一个link对象，或者是area对象，对应html文档中的一个超链接标记a，用来存储url的信息，通过links数组可以对文档中的超链接进行操作。 一个完整的url可以分成几个组成部分 :8080/javascript/index.html#start 协议 端口 路径 文件名 定位文档中的anchor 高等教育“十一五”国家级规划教材　计算机技术基础 举例-改变URL示例 html body form input type=button value=Google onClick=document.links[0].href= input type=button value=百度 onClick=document.links[0].href= input type=button value=北大天网 onClick=document.links[0].href= /form a href=javascript:alert(选择搜索引擎，然后单击下一步)下一步/a /body /html 高等教育“十一五”国家级规划教材　计算机技术基础 Web交互 使用form实现Web页面的信息交互 form对象的属性 form对象的方法 访问form对象 访问form中的元素 举例 获取表单中的输入数据 下拉式菜单与图层的综合应用 使用frame实现更复杂的交互 举例 网页之间的数据操作 高等教育“十一五”国家级规划教材　计算机技术基础 form对象 HTML中的form标记 form name=表单名称 target=指定信息的提交窗口 action=接收窗体程序对应的url method=信息数据传送方式(get|post) enctype =窗体编码方式 使用frame实现更复杂的交互 高等教育“十一五”国家级规划教材　计算机技术基础 form对象属性 在HTML中，表单是由若干控件（属性域）组成的，因此，一个form对象即是一个容器对象。 elements elements为元素数组，存储表单中的所有控件对象 对表单中的属性域，可以通过“表单名.elements[下标]”来访问，也可以通过“表单名.控件名”来访问，例如myform.elements[0]、myform.account name，action，target，encoding，method 反映了form标记中的相应属性 高等教育“十一五”国家级规划教材　计算机技术基础 form对象方法 form对象的方法 form对象的方法只有一个，即submit()方法 document.mytest.submit(); 高等教育“十一五”国家级规划教材　计算机技术基础 访问form对象 通过form名称访问 在form标记中，包含一个name属性，它对应了from对象的对象名，Javascript程序可以通过表单名来访问表单，例如：document.myForm() 通过数组来访问form 通过document对象的forms对象数组来访问form对象，因此可通过下列格式实现form对象的访