JavaScript的特性
脚本语言、基于对象、简单、动态性、跨平台性
程序代码编写位置
a) 编写到HTML中<script>标签中
b) 写在外部的.js文件中。然后通过script标签引入
JavaScript的事件驱动
c) 用户事件:用户操作,例如单击、鼠标移入、鼠标移出等
d) 系统事件:由系统触发的事件,例如文档加载完成。
e) 常用的事件:
- onload
- onclick 单击事件
- onblur
- onfocus 焦点事件
- onmouseover
- onmouseout
元素查询
功能 |
API |
返回值 |
根据id值查询 |
document.getElementById(“id值”) |
一个具体的元素节点 |
根据标签名查询 |
document.getElementsByTagName(“标签名”) |
元素节点数组 |
根据name属性值查询 |
document.getElementsByName(“name值”) |
元素节点数组 |
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
第一步写Dao接口(查询是否存在相同用户名、写入数据两个接口)
第二步实现Dao接口(写sql)
第三步测试(测试sql的功能是否正常)
第四步创建servlet(获取注册页面发送的数据,传入Dao的实现类,进行判断)
第五步把注册页面的提交地址写成servlet所在的地址(一般就是类名)
需要注意的地方1:
1. 在servlet页面写request域用作错误的提示信息
2. 在regist页面调用这个request域
3. 在JavaScript/jQuery中编写焦点时间的代码(即点击输入框错误提示消失)
需要注意的地方2:
1. 在Servlet类中 “错误” 是转发,转发的代码是
request.getRequestDispatcher().forward(request, response);
转发是在服务器中进行中的,不需要加项目名,只需要发起一次请求
2. 在Servlet类中 ”正确” 是重定向,重定向的代码是
response.sendRedirect()
重定向是在前端中进行的,需要加项目名,需要发起两次请求