PHP教程-JavaScript高级.ppt

* * * * * * * * * * * * * 幻灯片放映结束！ O(∩_∩)O谢谢大家耐心观看！ 唐玄奘西天取经，西天为何方？ 取何经？ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 其他 select /：下拉列表 option /：下拉列表选项 textarea /：文本域 rows和cols 事件处理程序和表单元素简介 INPUT type=“button” value=“注册 onClick=button_click() 当事件发生时，将执行与之相关的 JavaScript 代码 当发生特定事件时，事件处理程序指定要执行哪些 JavaScript 代码 事件处理程序和表单元素简介 当用户单击“注册”按钮时，将弹出一条消息。 SCRIPT LANGUAGE = JavaScript function button_click() { alert(“请向本网站注册); } /SCRIPT INPUT type=“button” value=“注册“ onClick=button_click() 文本框对象 文本框元素用于在表单中输入字、词或一系列数字 可以通过将 HTML 的 INPUT 标签中的 type 设置为“text”，以创建文本框元素 INPUT type=text name=t1 文本框对象 – 事件处理程序 文 本 框 事件 onBlur 文本框失去焦点 onChange 文本框的值被修改 onFocus 光标进入文本框中 方法 focus( ) 获得焦点，即获得鼠标光标 select( ) 选中文本内容，突出显示输入区域 属性 readonly 只读，文本框中的内容不能修改 文本框对象 card price number tot myform 练习 要求： 当光标进入帐号文本框，清空里面所有内容 当光标离开帐号文本框，检查输入内容是否为“10”开头，并且是数字，如果有误，弹出提示框 单价文本框预设价钱25.00，设为只读 当修改数量文本框时，计算总价，并显示在总价文本框中 命令按钮对象 命令按钮对象是网页中最常用的元素之一 INPUT type=submit name=button1 value=提交 INPUT type=reset name=button2 value=重置 INPUT type=button name=button3 value=计算 “按钮 - 事件处理程序 表单元素 事件处理程序 说明 命令按钮 onSubmit 表单提交事件，单击“提交”按钮时产生，此事件属于FORM元素，不属于提交按钮 onClick 按钮单击事件 onSubmit事件处理代码： FORM onSubmit=”return 调用函数名”…/FORM 如果函数返回true，则向远程服务器提交表单； 如果函数返回false，则取消提交。 命令按钮事件处理程序 userName pass1 pass2 type=reset type=submit myform 练习 要求 当点击注册按钮提交表单时，判断密码文本框内容和确认密码文本框内容是否相同。 如果两个密码输入不同，则弹出提示框，停止表单提交 相同再进行提交 复选框对象 当用户需要在选项列表中选择多项时，可以使用复选框对象 要创建复选框对象，请使用 INPUT 标签 请选择您的爱好 INPUT type=“checkbox” value=“电影” 电影 INPUT type=“checkbox” value=“电影” 电影 复选框 - 事件处理程序 复选框 · 事件 onBlur 复选框失去焦点 onFocus 复选框获得焦点 onClick 复选框被选定或取消选定 属性 checked 复选框是否被选中，选中为true，未选中为false。您可以使用此属性查看复选框的状态或设置复选框是否被选中 value 设置或获取复选框的值 复选框 - 事件处理程序 checkbox1 checkbox2 checkbox3 设置复选框的值 checkbox4 myform 练习 要求 当点击成交按钮时，检查每个复选框的选中情况，累计用户选中的商品 弹出确认提示框，显示客户选中商品，询问客户是否确认购买 如果客户点击确认，则在页面上显示详细购买信息 单选按钮对象 当用户只需要从选项列表中选择一个选项时，可以使用单选按钮对象 要创建单选按钮对象，请使用 INPUT 标签 INPUT type=“radio” value=“