第3讲 JavaScript程序基础知识.ppt

如何使用window对象-4 HTML HEAD META http-equiv=Content-Type content=text/html; charset=gb2312 SCRIPT language=JavaScript function openwindow( ) { open(adv.htm, 广告窗口, toolbars=0, scrollbars=0, location=0, status=0, menubar=0, resizable=0, width=700, height=250); } /SCRIPT /HEAD BODY onLoad=openwindow( ) H2nbsp;/H2 /BODY /HTML 示例完整代码 窗口完成文档加载时触发打开广告窗口 */63 如何使用window对象-5 SCRIPT language=javascript function openwindow( ) { window.status=系统当前状态：您正在注册用户......; if (window.screen.width == 1024 window.screen.height == 768) window.showModalDialog(register.html, 注册窗口, toolbars=0, location=0, statusbars=0, menubars=0,width=700, height=550,scrollbars=1); else window.alert(请设置分辨率为1024x768，然后再打开); } function closewindow( ) { if(window.confirm(您确认要退出系统吗？)) window.close( ); } /SCRIPT H3A href=javascript: openwindow( ) 用户注册 /A/H3 H3A href=javascript: closewindow( ) 退 出/A/H3 示例完整代码 打开模式窗口，被打开窗口保持输入焦点。 使用超链接调用方法来打开模式窗口 */63 1. 表单验证验证 知识点： 几种样式？ 动态设置标签内容？ 获取焦点事件？ 失去焦点事件？ */63 1. 表单验证验证 知识点： 几种样式？ 动态设置标签内容？ 获取焦点事件？ 失去焦点事件？ html head script type=text/javascript function foucs_mail() { document.getElementById(span_mail).className=span2; document.getElementById(span_mail).innerHTML=img src=images/reg2.gif style=vertical-align: middle /8-50个字符; }/script /head body form name=form1 action= method=post input type=text name=txt_mail class=text onfocus=foucs_mail() onblur=blur_mail() / div id=span_mail class=span1 img src=images/reg1.gif style=vertical-align: middle /请输入邮箱 /div /form /body /html 修改内容 修改属性 定位链接元素（对象） 获取焦点 失去焦点 */63 1. 表单验证验证 实现步骤： 1）设置样式 2）编写Javascript代码 3）设置获取焦点事件 4）设置失去焦点事件 */63 为什么需要表单验证 服务器 IE 脚本在客户端执行，减轻服务器端的压力 客户端 用户输入 客户端 用户输入 …… 客户端 用户输入 …… 发送请求 返回响应 发送请求 返回响应 发送请求 返回响应 */63 文本框控件-2 文本框对象的常用属性、方法、事件 使用文本框对象的相关方法，实现选中效果 名 称 说 明 属性 value 设置或获取文本框的值 方法 focus( ) 获得焦点 select( ) 选中文本内容，突出显示输入区域 事件 onFocus 光标进入某个文本框脚本运行 onBlur 文本框失去焦点脚本运行 onKeyPress 当一个键按下并释放时去触发一个事件 */63 表单验证的内容-1 不能为空且不能有数字 不能为空且不能有