10.22 监听器和JQuery
监听机制：
事件：比如一个按钮单击，则点击的动作就是一个事件
事件源：事件在什么上发生的，按钮就是一个事件源
监听器：一个对象或一段代码
注册监听：将事件，事件源，监听器绑定到一起，将事件源上发生事件时，将会执行监听器代码。
监听器有好多，这里只学习一个：ServletContextListener（接口）:监听ServletContext对象的创建和销毁
两个方法：
void contextDestroyed(ServletContextEven sce):ServletContext对象销毁之前调用该方法
void contextInitialized(ServletContextEvent sce):ServletContext对象创建之后会调用该方法
（类似于Servlet的生命周期方法）
步骤（固定）：
1.定义一个类，实现ServletContextListener接口
2.复写方法
3.配置（web.xml和注解配置两种方式）
注解配置：只需要加@WebListener即可
@WebListener
public class ContextLoderListener implements ServletContextListener{
//监听ServletContext对象创建的。ServletContext对象在服务器启动时自动创建
//该方法在服务器启动后自动调用
//可以用来加载文件
@Override
public void contextDestroyed(ServletContextEvent sce) {
// TODO Auto-generated method stub
System.out.println("ServletContext对象被销毁了 。。。");
}
//在服务器关闭后，ServletContext对象被销毁。在服务器正常关闭后该方法被调用
@Override
public void contextInitialized(ServletContextEvent sce) {
// TODO Auto-generated method stub
System.out.println("ServletContext对象被创建了。。。");
}
}
JQuery
概念：JS的一个框架，简化JS的开发，封装了JS常用的功能代码，优化了HTML文档操作，事件处理，动画设计和Ajax交互
快速入门
JQuery对象和JS对象区别与转换
选择器
DOM操作
案例
一个简单的JS的封装：由于获取id的函数太长太难写了，所以将其封装成一个简单的函数 get()
<body>
<div id="div1">div1...</div>
<div id="div2">div2...</div>
<script>
/*var div1=document.getElementById("div1");
var div2=document.getElementById("div2");*/
var div1=get("div1");
var div1=get("div2");
//获取标签题内容
alert(div1.innerHTML);
alert(div2.innerHTML);
function get(id){
var obj=document.getElementById(id);
return obj;
}
</script>
</body>
857
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
