JavaScript程序设计第6章 JavaScript常用文档对象.pptVIP

6.1 文档（document）对象 1．document对象的属性 属性 说明 alinkColor 链接文字的颜色，对应于body标记中的alink属性 all[] 存储HTML标记的一个数组(该属性本身也是一个对象) anchors[] 存储锚点的一个数组。(该属性本身也是一个对象) bgColor 文档的背景颜色，对应于body标记中的bgcolor属性 cookie 表示cookie的值 fgColor 文档的文本颜色(不包含超链接的文字)对应于body标记中的text属性值 forms[] 存储窗体对象的一个数组(该属性本身也是一个对象) fileCreatedDate 创建文档的日期 fileModifiedDate 文档最后修改的日期 fileSize 当前文件的大小 lastModified 文档最后修改的时间 images[] 存储图像对象的一个数组(该属性本身也是一个对象) linkColor 未被访问的链接文字的颜色，对应于body标记中的link属性 links[] 存储link对象的一个数组(该属性本身也是一个对象) vlinkColor 表示已访问的链接文字的颜色，对应于body标记的vlink属性 title 当前文档标题对象 body 当前文档主体对象 readyState 获取某个对象的当前状态 URL 获取或设置URL 2．document对象的方法 方法 说明 close 文档的输出流 open 打开一个文档输出流并接收write和writeln方法的创建页面内容 write 向文档中写入HTML或JavaScript语句 writeln 向文档中写入HTML或JavaScript语句，并以换行符结束 createElement 创建一个HTML标记 getElementById 获取指定id的HTML标记 2．document对象的事件 文档对象有onload事件和onunload事件。onload事件发生于装载网页后，onunload事件发生于离开网页前。 1．窗体对象属性 属性 说明 action 表示表单数据所要提交的URL method 表示表单以何种方式进行提交，提交表单包括get与post方式 enctype 数据提交的格式 target 指定服务器返回的结果在哪里显示 name 表单的名称 elements[] 表示表单元素的数组 length 表单的个数 2．窗体对象方法 窗体对象有两个方法，分别为submit()与reset()方法，submit()方法用于提交一个表单，不需要使用提交按钮（即使用input type=submit/标记定义的按钮）来提交表单，reset()方法用于清除一个表单的数据，不需要使用重置按钮（即使用input type=reset标记定义的按钮）来重置表单。这两个方法的功能与提交按钮和重置按钮是完全相同的，当表单使用这两个方法时，不会触发onSubmit和onReset事件。 语法：? script language=javascript document.forms[0].submit(); document.forms[0].reset(); /script? document.forms[0].submit()：将页面中第一个表单进行提交。 document.forms[0].reset()：将也面中第一个表单进行重置。 事实上，也可以在一般按钮上使用onClick事件处理表单提交或表单重置。 语法： input type=button value= onClick=document.forms[0].submit();/ input type=button value= onClick=document.forms[0].reset();/ onClick：触发单击事件关键字。 3．窗体对象事件 JavaScript中窗体对象事件有两个，分别为onSubmit和onReset，onSubmit事件是当用户单击“提交”按钮时触发，onReset事件是当用户单击“重置”按钮时触发。onSubmit事件和onReset事件与form标记一起使用，并且必须放在/form标记之前。在表单数据传给服务器之前，通常使用onSubmit事件来验证表单数据，当用户单击表单“重置”按钮时会触发一个onReset事件，可以使用这个事件来判断用户是否真的想要重置表单内容。 语法： ? form action= method=post name=form1 onsubmit=somestatements onReset=somestatements /form ? onSubmit：提交表单事件。 onReset：重置表单事件。 JavaScri