document怎么用( 二 )


【document怎么用】<HTML><HEAD> <TITLE>;动态更改背景颜色</TITLE> <SCRIPT language="JavaScript" type="text/javascript"> <!-- function changeBGColor() { document.bgColor=document.all.myForm.myBGColor.value; } // --> </SCRIPT></HEAD><BODY> <H2>;请在文本框中输入十六进制颜色值 (例如:#00ffff),然后单击"变!"按钮:</H2> <FORM name="myForm"> <INPUT name="myBGColor" value="http://www.xuexi88.com/zhishi/#ffffff"><P> <INPUT type="button" value="http://www.xuexi88.com/zhishi/变!" onclick="changeBGColor()"><P> </FORM></BODY></HTML>2.document对象的常用事件 在客户端脚本中,JavaScript通过对事件进行响应来获得与用户的交互 。例如,当用户单击一个按钮或者在某段文字上移动鼠标时,就触发了一个单击事件或鼠标移动事件,通过对这些事件的响应,可以完成特定的功能(例如,单击按钮弹出对话框,鼠标移动到文本上后文本变色等) 。
实际上,事件(event)在此的含义就是用户与Web页面交互时产生的操作 。当用户进行单击按钮等操作时,即产生了一个事件,需要浏览器进行处理 。
浏览器响应事件并进行处理的过程称为事件处理,进行这种处理的代码称为事件响应函数 。在前面我们已经多次见过onclick事件,它表示鼠标单击时产生的事件 。
对于 。
2.浏览器对象中的document如何使用使用浏览器对象1.文档对象模型 文档对象模型(Document Obiect Model,简称DOM)是用于表示HTML元素以及Web浏览器信息的一个模型,它使脚本能够访问Web页上的信息,并可以访问诸如网页位置等特殊信息 。
通过操纵文档对象模型中对象的属性并调用其方法,可以使脚本按照一定的方式显示Web页并与用户的动作进行交互 。对于不同的脚本语言,通常都具有一个DOM的子集,以便在特定的脚本语言中实现对象模型 。
例如,JavaScript在其语言中就有一个对象模型 。对于Intemet Explorer,Microsoft公司专门为其创建了一个对象模型 。
使用为浏览器创建对象模型的方式使得对象模型与语言无关,从而可以获得更强的可扩展性 。JavaScript对象模型和IE对象模型非常相象,它们包含相似的对象和事件,反映了如图所示的对象层次结构: window 。
..document 。.anchor,applet,area,embed,image,link, form 。
..button,checkbox,fileupload, hidden,option,password,fadio,reset,select submit,text,textarea。
..event,fraem,history,location,screen, navigator 。.mimetype,plugin 在该层次结构中,最高层的对象是窗口对象(window),它代表当前的浏览器窗口;之下是文档(document)、事件(event)、框架(frame)、历史(history)、地址(location)、浏览器(navigator)和屏幕(screen)对象;在文档对象之下包括表单(form)、图像(image)和链接(1ink)等多种对象;在浏览器对象之下包括MIME类型对象(mimeType)和插件(plugin)对象;在表单对象之下还包括按钮(button)、复选框(checkbox)、文件选择框(fileUpload)等多种对象 。
了解了浏览器对象的层次结构之后,我们就可以用特定的方法引用这些对象,以便在脚本中正确地使用它们 。在JavaScript中引用对象的方式与典型的面向对象方法相同,都是根据对象的包含关系,使用成员引用操作符(.)一层一层地引用对象 。
例如,如果要引用document对象,应使用window.document;如果要引用location对象,应使用window.location 。由于window对象是默认的最上层对象,因此引用它的子对象时,可以不使用window.,也就是说,可以直接用document引用document对象,用location引用location对象 。