浏览器事件监听

redcoatjk — Mon, 04 Nov 2013 06:22:00 GMT

摘自: http://www.douban.com/note/235086917/
http://jackleechina.iteye.com/blog/1595397

为什么一般要采用事件监听而不是直接对元素的事件属性（如：onclick、onmouseover）赋值？

原来用事件属性只能赋值一种方法，即：

button1.onclick = function() { alert(1); };
button1.onclick = function() { alert(2); };

这样后面的赋值语句就将前面的onclick属性覆盖了

而使用添加事件监听的方式就可以实现并行。特别是当团队合作时，事件并行的需求增多，比如：监听document对象的鼠标事件或者window对象的载入事件等。使用事件属性则很容易造成事件覆盖掉

使用事件监听有两种方式：attachEvent和addEventListener

attachEvent与addEventListener区别
适应的浏览器版本不同，同时在使用的过程中要注意
attachEvent方法按钮onclick
addEventListener方法按钮click
attachEvent方法，（ie系列）
addEventListener方法 Mozilla系列

例子如下:

1DOCTYPE html>
2<html>
3
4<SCRIPT LANGUAGE="JavaScript">
5function method1(){
6    alert("method1");
7}
8function method2(){
9    alert("method2");
10}
11function method3(){
12    alert("method3");
13}
14SCRIPT>
15<body>
16<input type="button"  value="dom 元素事件属性绑定的按钮" id="button1"/>
17<input type="button"  value="IE浏览器: attachEvent进行事件绑定的按钮" id="btn1"/>
18<input type="button"  value="火狐浏览器: addEventListener进行事件绑定的按钮" id="btn2"/>
19
20<SCRIPT LANGUAGE="JavaScript">
21     /**方法一: 使用元素的事件属性. [这种方式事件只可绑定一次,最后绑定的执行]**/
22     button1.onclick = function() { alert("1-1"); };
23     button1.onclick = function() { alert("1-2"); };
24     /**方法二: 使用attachEvent注册事件. 格式如下object.attachEvent(event,function);**/
25   var btn1Obj = document.getElementById("btn1");
26    btn1Obj.attachEvent("onclick", method1);
27   btn1Obj.attachEvent("onclick", method2);
28    btn1Obj.attachEvent("onclick", method3);
29     /**方法三: addEventListener. 格式如下element.addEventListener(type,listener,useCapture);**/
30    var btn2Obj = document.getElementById("btn2");
31    btn2Obj.addEventListener("click",method1,false);
32    btn2Obj.addEventListener("click",method2,false);
33    btn2Obj.addEventListener("click",method3,false);
34    //执行顺序为method1->method2->method3
35SCRIPT>
36<br/>attachEvent按照注册倒叙执行:    执行顺序为method3->method2->method1
37<br/>addEventListener按照注册顺序执行:    执行顺序为method1->method2->method3
38body>
39html>

JavaScript欲速则不达——基本处理事件详解和阻止事件传播

redcoatjk 2013-11-04 14:22 发表评论

[转]Servlet总结

redcoatjk — Thu, 25 Aug 2011 07:41:00 GMT

摘自: http://www.iteye.com/topic/766418

-----------------------------------------

1，什么是Servlet
2，Servlet有什么作用
3，Servlet的生命周期
4，Servlet怎么处理一个请求
5，Servlet与JSP有什么区别
6，Servlet里的cookie技术
7，Servlet里的过滤器
8，Servlet里的监听器

一，什么是Servlet？

Servlet是一个Java编写的程序，此程序是基于Http协议的，在服务器端运行的(如tomcat)，

是按照Servlet规范编写的一个Java类。

二，Servlet有什么作用？

主要是处理客户端的请求并将其结果发送到客户端。

三，Servlet的生命周期？

Servlet的生命周期是由Servlet的容器来控制的，它可以分为3个阶段;初始化，运行，销毁。

初始化阶段：

1，Servlet容器加载servlet类，把servlet类的.class文件中的数据读到内存中。

2，然后Servlet容器创建一个ServletConfig对象。ServletConfig对象包含了Servlet的初始化配置信息。

3，Servlet容器创建一个servlet对象。

4，Servlet容器调用servlet对象的init方法进行初始化。

运行阶段：

当servlet容器接收到一个请求时，servlet容器会针对这个请求创建servletRequest和servletResponse对象。

然后调用service方法。并把这两个参数传递给service方法。Service方法通过servletRequest对象获得请求的

信息。并处理该请求。再通过servletResponse对象生成这个请求的响应结果。然后销毁servletRequest和

servletResponse对象。我们不管这个请求是post提交的还是get提交的，最终这个请求都会由service方法来处理。

web服务器接受到一个http请求后，web服务器会将请求移交给 servlet容器，servlet容器首先对所请求的URL进行解析并根据
web.xml 配置文件找到相应的处理servlet，同时将request、response对象传递给它，servlet通过request对象可知道客户端
的请求者、请求信息以及其他的信息等，servlet在处理完请求后会把所有需要返回的信息放入response对象中并返回到客户端，
servlet一旦处理完请求，servlet容器就会刷新response对象，并把控制权重新返回给web服务器。

销毁阶段：

当Web应用被终止时，servlet容器会先调用servlet对象的destrory方法，然后再销毁servlet对象，

同时也会销毁与servlet对象相关联的servletConfig对象。我们可以在destroy方法的实现中，释放

servlet所占用的资源，如关闭数据库连接，关闭文件输入输出流等。

在这里该注意的地方：

在servlet生命周期中，servlet的初始化和和销毁阶段只会发生一次，而service方法执行的次数则取决于servlet被客户

端访问的次数

四，Servlet怎么处理一个请求？

当用户发送一个请求到某个Servlet的时候，Servlet容器会创建一个ServletRequst和ServletResponse对象。

在ServletRequst对象中封装了用户的请求信息，然后Servlet容器把ServletRequst和ServletResponse对象

传给用户所请求的Servlet，Servlet把处理好的结果写在ServletResponse中，然后Servlet容器把响应结果传

给用户。

五，Servlet与JSP有什么区别？

1，jsp经编译后就是servlet，也可以说jsp等于servlet。

2，jsp更擅长页面(表现)。servlet更擅长逻辑编辑。 (最核心的区别)。

3，在实际应用中采用Servlet来控制业务流程,而采用JSP来生成动态网页.在struts框架中,

JSP位于MVC设计模式的视图层,而Servlet位于控制层。

六，Servlet里的cookie技术？

cookies是一种WEB服务器通过浏览器在访问者的硬盘上存储信息的手段，是由Netscape公司开发出来的。

cookie技术的好处：

1，Cookie有效期限未到时，Cookie能使用户在不键入密码和用户名的情况下进入曾经浏览过的一些站点。

2，Cookie能使站点跟踪特定访问者的访问次数、最后访问时间和访问者进入站点的路径。

创建一个cookie

Java代码

//里面的两个参数分别是cookie的名和cookie的值
response.addCookie(new Cookie("abc","10000000"));

使用cookie

Java代码

Cookie[] cook =request.getCookies();//用一个Cookie数组来接收
for(int j=0;j
cook[j].getName()://取cookie的名
cook[j].getValue()://去cookie的值
}

七，Servlet里的过滤器？

过滤器的主要作用

1，任何系统或网站都要判断用户是否登录。

2，网络聊天系统或论坛，功能是过滤非法文字

3，统一解决编码

(2)怎么创建一个过滤器：

1，生成一个普通的class类，实现Filter接口(javax.servlet.Filter;)。

2，重写接口里面的三个方法：init，doFilter，destroy。

3，然后在web.xml配置过滤器。

八，Servlet里的监听器？

监听器的作用：自动执行一些操作。

三种servlet监听器:

对request的监听。对session的监听。对application的监听。

怎么创建一个session监听器：

1，生成一个普通的class类，如果是对session的监听，则实现HttpSessionListener。

2，然后重写里面的五个方法:

Java代码

public void sessionCreated(HttpSessionEvent arg0) {} // 创建
public void sessionDestroyed(HttpSessionEvent arg0) {} // 销毁
public void attributeAdded(HttpSessionEvent arg0) {} // 增加
public void attributeRemoved(HttpSessionEvent arg0) {} // 删除
public void attributeReplaced(HttpSessionEvent arg0) {} // 替换

redcoatjk 2011-08-25 15:41 发表评论

BlogJava-My Rhythm-随笔分类-View_lever

浏览器事件监听

JavaScript欲速则不达——基本处理事件详解和阻止事件传播

JavaScript欲速则不达——基本处理事件详解和阻止事件传播

[转]Servlet总结