Javascript与Html.pptVIP

§3-4.JavaScript与Html JavaScript浏览器对象的使用 使用浏览器的内部对象系统, 可实现与HTML文档进行交互。它的作用是将相关元素组织包装起来，提供给程序设计人员使用，从而减轻编程人的劳动，提高设计Web页面的能力。 在这些对象系统中,文档对象属于非常重要的,它位于最低层,但对于我们实现Web页面信息交互起作关键作用。因而它是对象系统的核心部分。 每个HTML文档被装入浏览器中时浏览器就创建了一系列分级的对象体系，此体系反映了HTML文档的属性. 浏览器事件驱动与事件处理 JavaScript的特性之一就是事件驱动。通常鼠标或热键的动作我们称之为事件（Event），而由鼠标或热键引发的一连串程序的动作，称之为事件驱动（Event Driver）。而对事件进行处理程序或函数，我们称之为事件处理程序（Event Handler） 。 浏览器中很多对象都对事件的响应提供了驱动，即在特定对象上执行特定动作时，该对象会执行某事件。作为开发人员，可以编写事件处理程序来处理事件发生时的行为。 如点击一个按钮时，会发生onclick事件，那我们编写此按钮的onclick事件的处理程序，即可决定此按钮被点击时的动作。 事件处理程序 在JavaScript中对象事件的处理通常由函数(Function)担任。其基本格式与函数全部一样，可以将前面所介绍的所有函数作为事件处理程序。格式如下： Function 事件处理名（参数表）{ 事件处理语句集； …… } 事件驱动 　JavaScript事件驱动中的事件是通过鼠标或热键的动作引发的。它主要有以下几个事件： （１）单击事件onClick 　　当用户单击鼠标按钮时，产生onClick事件。同时onClick指定的事件处理程序或代码将被调用执行。通常在下列基本对象中产生： button（按钮对象） checkbox（复选框）或（检查列表框） radio （单选钮） reset buttons（重要按钮） submit buttons（提交按钮） 例：可通过下列按钮激活change()文件： Form Input type=button Value=“ ” onClick=change() /Form 　　在onClick等号后，可以使用自己编写的函数作为事件处理程序，也可以使用JavaScript中内部的函数。还可以直接使用JavaScript的代码等。例： Input type=button value= onclick=alert(这是一个例子）; 事件驱动 （２）onChange改变事件 　　当利用text或textarea元素输入字符值改变时发该事件，同时当在select表格项中一个选项状态改变后也会引发该事件。 例： Form Input type=text name=Test value=Test onCharge=check(this.test) /Form （３）选中事件onSelect 当Text或Textarea对象中的文字被加亮后，引发该事件。 （４）获得焦点事件onFocus 　当用户单击Text或textarea以及select对象时，产生该事件。此时该对象成为前台对象。 事件驱动 （５）失去焦点onBlur 　　当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时，引发该文件，他与onFocas事件是一个对应的关系。 （６）载入文件onLoad 　　当文档载入时，产生该事件。onLoad一个作用就是在首次载入一个文档时检测cookie的值，并用一个变量为其赋值，使它可以被源代码使用。 （７）卸载文件onUnload 　　当Web页面退出时引发onUnload事件，并可更新Cookie的状态。 常用浏览器对象 浏览器对象(navigator)：提供有关浏览器的信息 窗口对象(window)：window对象处于对象层次的最顶端，提供了处理浏览器窗口的方法和属性。 位置对象(location)：location对象提供了关于当前URL的方法和属性，它是一个静态的对象。 历史对象(history)：history对象提供了与历史清单有关的信息。 文档对象(document)：提供了与文档元素(elements)一起工作的对象，它将这些元素封装起来供编程人员使用。 事件对象(event):event对象提供了鼠标和键盘事件的信息。 对象常用属性方法 位置对象(location)： hostname属性:主机名 href属