HTML+CSS+JavaScript第八章幻灯片.pptVIP

/head body h3Web交互实例：h3 form id=form1 name=form1 method=post action= label用户名： input name=text_info type=text id=text_ino /label plabel密码： input name=password_info type=password id=password_info /label/p p性别： labelinput name=RadioGroup1 type=radio value=男 checked=checked男/label label input type=radio name=RadioGroup1 value=女女/label br / label/label /p p爱好： label input name=checkbox type=checkbox id=checkbox1 value=篮球 篮球/label label input name=checkbox type=checkbox id=checkbox2 value=足球 足球/label label input name=checkbox type=checkbox id=checkbox3 value=乒乓球 乒乓球/label /p p label来自那所学校？ select name=university size=1 id=university option value=清华大学清华大学/option option value=北京理工大学北京理工大学/option option value=河南理工大学河南理工大学/option /select /label /p label自我鉴定： textarea name=textarea_info rows=4 id=textarea_info/textarea br / input name=button1 type=button id=button1 value=查看信息 onclick=showText() / nbsp;nbsp;nbsp;nbsp; input name=reset type=reset id=reset value=重置 /label /form /body /html 通过浏览器打开上述代码，分别输入用户名、密码和相关信息，然后单击“查看信息”按钮，显示的效果如图8-16所示，如果单击“重置”按钮，则清空文本框中的信息，单选按钮和列表选项恢复默认状态，复选框恢复为未选中状态。 本章小结 本章主要介绍了JavaScript的事件和对象。事件是浏览器响应用户操作的一种机制，文中通过不同类型的事件的实例，介绍如何进行事件捆绑以及事件的触发和处理过程。还介绍了对象的基本概念，以及如何访问对象的属性和使用对象的方法。对常用的内置对象结合实例进行了介绍，并对实现用户和浏览器之间的信息交互的重要对象——表单对象进行了简单的讲解。JavaScript提供了大量非常有用的内置对象，通过使用这些对象，可以大大简化JavaScript程序设计，提高编程效率。 第8章 JavaScript的事件和对象 JavaScript是一种开发动态网页的脚本语言，使用它可以灵活地运用事件处理机制，方便地使用对象，快速地开发出可以与用户进行交互的Web页面。那么什么是事件，如何进行事件处理，什么是对象，以及如何创建和使用对象，就是本章要介绍的内容。 8.1事件 8.1.1 事件与事件处理器 事件：JavaScript脚本中的事件是指从用户载入目标页面直到该页面被关闭期间浏览器的动作及该页面对用户操作的响应。通俗地说，事件就是某一时刻所发生的特定行为，一般是通过鼠标、热键的动作或者页面加载与关闭时引发的。 例如，当用户单击一个按钮或一个超链接时就会触发click事件，当用户提交一个表单时就会触发submit事件，当用户按下键盘上的按键时就会触发keydown（键按下）事件，在浏览器载入文档时触发load事件，当用户改变了浏览器窗口的大小时触发resize事件等。 8.1事件 8.1.1 事件与事件处理器 事件处理器：事件处理器就是与特定的文本和特定的事件类型相关联的JavaScript脚本代码，当该文本发生改变或者事件被触发时，浏览器就会执行该代码并进行相应的处理操作。事件处理器的名称通常是在事件类型的名称前面加上on作为前缀，习惯上事件处理器名