??xml version="1.0" encoding="utf-8" standalone="yes"?>亚洲精品进入,粉嫩精品一区二区三区在线观看,狠狠色综合网http://www.aygfsteel.com/redcoatjk/category/48591.html万物皆对?万事归节?/description>zh-cnMon, 04 Nov 2013 06:30:48 GMTMon, 04 Nov 2013 06:30:48 GMT60览器事件监?/title><link>http://www.aygfsteel.com/redcoatjk/archive/2013/11/04/405972.html</link><dc:creator>redcoatjk</dc:creator><author>redcoatjk</author><pubDate>Mon, 04 Nov 2013 06:22:00 GMT</pubDate><guid>http://www.aygfsteel.com/redcoatjk/archive/2013/11/04/405972.html</guid><wfw:comment>http://www.aygfsteel.com/redcoatjk/comments/405972.html</wfw:comment><comments>http://www.aygfsteel.com/redcoatjk/archive/2013/11/04/405972.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/redcoatjk/comments/commentRss/405972.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/redcoatjk/services/trackbacks/405972.html</trackback:ping><description><![CDATA[摘自: <a >http://www.douban.com/note/235086917/</a><br /><a >http://jackleechina.iteye.com/blog/1595397</a><br /><br />Z么一般要采用事g监听而不是直接对元素的事件属性(如:(x)onclick、onmouseoverQ赋|<br /><br />原来用事件属性只能赋gU方法,卻I(x)<br /><br />button1.onclick = function() { alert(1); };<br />button1.onclick = function() { alert(2); };<br /><br /><strong>q样后面的赋D句就前面的onclick属性覆盖了</strong><br /><br />而用添加事件监听的方式可以实现ƈ行。特别是当团队合作时Q事件ƈ行的需求增多,比如Q监听document对象的鼠标事件或者window对象的蝲入事件等。用事件属性则很容易造成事g覆盖?br /><br />使用事g监听有两U方式:(x)attachEvent和addEventListener<br /><br />attachEvent与addEventListener区别<br />适应的浏览器版本不同Q同时在使用的过E中要注?br />attachEventҎ(gu) 按钮onclick<br />addEventListenerҎ(gu) 按钮click<br />attachEventҎ(gu)Q?QiepdQ?br />addEventListenerҎ(gu) Mozillapd<br /><br />例子如下: <div style="border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; padding-bottom: 4px; background-color: #eeeeee; padding-left: 4px; width: 98%; padding-right: 5px; font-size: 13px; word-break: break-all; border-top: #cccccc 1px solid; border-right: #cccccc 1px solid; padding-top: 4px"><!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><span style="color: #008080"> 1</span><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" /><span style="color: #0000ff"><!</span><span style="color: #ff00ff">DOCTYPE html</span><span style="color: #0000ff">></span><span style="color: #000000"><br /></span><span style="color: #008080"> 2</span><span style="color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" /></span><span style="color: #0000ff"><</span><span style="color: #800000">html</span><span style="color: #0000ff">></span><span style="color: #000000"><br /></span><span style="color: #008080"> 3</span><span style="color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" /><br /></span><span style="color: #008080"> 4</span><span style="color: #000000"><img id="Codehighlighter1_54_177_Open_Image" onclick="this.style.display='none'; Codehighlighter1_54_177_Open_Text.style.display='none'; Codehighlighter1_54_177_Closed_Image.style.display='inline'; Codehighlighter1_54_177_Closed_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedBlockStart.gif"><img style="display: none" id="Codehighlighter1_54_177_Closed_Image" onclick="this.style.display='none'; Codehighlighter1_54_177_Closed_Text.style.display='none'; Codehighlighter1_54_177_Open_Image.style.display='inline'; Codehighlighter1_54_177_Open_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ContractedBlock.gif"></span><span style="color: #0000ff"><</span><span style="color: #800000">SCRIPT </span><span style="color: #ff0000">LANGUAGE</span><span style="color: #0000ff">="JavaScript"</span><span style="color: #0000ff">></span><span style="border-bottom: #808080 1px solid; border-left: #808080 1px solid; background-color: #ffffff; display: none; border-top: #808080 1px solid; border-right: #808080 1px solid" id="Codehighlighter1_54_177_Closed_Text"><img alt="" src="http://www.aygfsteel.com/Images/dot.gif" /></span><span id="Codehighlighter1_54_177_Open_Text"><span style="background-color: #f5f5f5; color: #000000"><br /></span><span style="color: #008080"> 5</span><span style="background-color: #f5f5f5; color: #000000"><img id="Codehighlighter1_73_94_Open_Image" onclick="this.style.display='none'; Codehighlighter1_73_94_Open_Text.style.display='none'; Codehighlighter1_73_94_Closed_Image.style.display='inline'; Codehighlighter1_73_94_Closed_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedSubBlockStart.gif"><img style="display: none" id="Codehighlighter1_73_94_Closed_Image" onclick="this.style.display='none'; Codehighlighter1_73_94_Closed_Text.style.display='none'; Codehighlighter1_73_94_Open_Image.style.display='inline'; Codehighlighter1_73_94_Open_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ContractedSubBlock.gif"></span><span style="background-color: #f5f5f5; color: #0000ff">function</span><span style="background-color: #f5f5f5; color: #000000"> method1()</span><span style="border-bottom: #808080 1px solid; border-left: #808080 1px solid; background-color: #ffffff; display: none; border-top: #808080 1px solid; border-right: #808080 1px solid" id="Codehighlighter1_73_94_Closed_Text"><img alt="" src="http://www.aygfsteel.com/Images/dot.gif" /></span><span id="Codehighlighter1_73_94_Open_Text"><span style="background-color: #f5f5f5; color: #000000">{<br /></span><span style="color: #008080"> 6</span><span style="background-color: #f5f5f5; color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/InBlock.gif" />    alert(</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">method1</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">);<br /></span><span style="color: #008080"> 7</span><span style="background-color: #f5f5f5; color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedSubBlockEnd.gif" />}</span></span><span style="background-color: #f5f5f5; color: #000000"><br /></span><span style="color: #008080"> 8</span><span style="background-color: #f5f5f5; color: #000000"><img id="Codehighlighter1_114_135_Open_Image" onclick="this.style.display='none'; Codehighlighter1_114_135_Open_Text.style.display='none'; Codehighlighter1_114_135_Closed_Image.style.display='inline'; Codehighlighter1_114_135_Closed_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedSubBlockStart.gif"><img style="display: none" id="Codehighlighter1_114_135_Closed_Image" onclick="this.style.display='none'; Codehighlighter1_114_135_Closed_Text.style.display='none'; Codehighlighter1_114_135_Open_Image.style.display='inline'; Codehighlighter1_114_135_Open_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ContractedSubBlock.gif"></span><span style="background-color: #f5f5f5; color: #0000ff">function</span><span style="background-color: #f5f5f5; color: #000000"> method2()</span><span style="border-bottom: #808080 1px solid; border-left: #808080 1px solid; background-color: #ffffff; display: none; border-top: #808080 1px solid; border-right: #808080 1px solid" id="Codehighlighter1_114_135_Closed_Text"><img alt="" src="http://www.aygfsteel.com/Images/dot.gif" /></span><span id="Codehighlighter1_114_135_Open_Text"><span style="background-color: #f5f5f5; color: #000000">{<br /></span><span style="color: #008080"> 9</span><span style="background-color: #f5f5f5; color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/InBlock.gif" />    alert(</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">method2</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">);<br /></span><span style="color: #008080">10</span><span style="background-color: #f5f5f5; color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedSubBlockEnd.gif" />}</span></span><span style="background-color: #f5f5f5; color: #000000"><br /></span><span style="color: #008080">11</span><span style="background-color: #f5f5f5; color: #000000"><img id="Codehighlighter1_155_176_Open_Image" onclick="this.style.display='none'; Codehighlighter1_155_176_Open_Text.style.display='none'; Codehighlighter1_155_176_Closed_Image.style.display='inline'; Codehighlighter1_155_176_Closed_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedSubBlockStart.gif"><img style="display: none" id="Codehighlighter1_155_176_Closed_Image" onclick="this.style.display='none'; Codehighlighter1_155_176_Closed_Text.style.display='none'; Codehighlighter1_155_176_Open_Image.style.display='inline'; Codehighlighter1_155_176_Open_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ContractedSubBlock.gif"></span><span style="background-color: #f5f5f5; color: #0000ff">function</span><span style="background-color: #f5f5f5; color: #000000"> method3()</span><span style="border-bottom: #808080 1px solid; border-left: #808080 1px solid; background-color: #ffffff; display: none; border-top: #808080 1px solid; border-right: #808080 1px solid" id="Codehighlighter1_155_176_Closed_Text"><img alt="" src="http://www.aygfsteel.com/Images/dot.gif" /></span><span id="Codehighlighter1_155_176_Open_Text"><span style="background-color: #f5f5f5; color: #000000">{<br /></span><span style="color: #008080">12</span><span style="background-color: #f5f5f5; color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/InBlock.gif" />    alert(</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">method3</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">);<br /></span><span style="color: #008080">13</span><span style="background-color: #f5f5f5; color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedBlockEnd.gif" />}</span></span><span style="background-color: #f5f5f5; color: #000000"><br /></span><span style="color: #008080">14</span><span style="background-color: #f5f5f5; color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" /></span></span><span style="color: #0000ff"></</span><span style="color: #800000">SCRIPT</span><span style="color: #0000ff">></span><span style="color: #000000"><br /></span><span style="color: #008080">15</span><span style="color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" /></span><span style="color: #0000ff"><</span><span style="color: #800000">body</span><span style="color: #0000ff">></span><span style="color: #000000"><br /></span><span style="color: #008080">16</span><span style="color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" /></span><span style="color: #0000ff"><</span><span style="color: #800000">input </span><span style="color: #ff0000">type</span><span style="color: #0000ff">="button"</span><span style="color: #ff0000">  value</span><span style="color: #0000ff">="dom 元素事g属性绑定的按钮"</span><span style="color: #ff0000"> id</span><span style="color: #0000ff">="button1"</span><span style="color: #0000ff">/></span><span style="color: #000000"><br /></span><span style="color: #008080">17</span><span style="color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" /></span><span style="color: #0000ff"><</span><span style="color: #800000">input </span><span style="color: #ff0000">type</span><span style="color: #0000ff">="button"</span><span style="color: #ff0000">  value</span><span style="color: #0000ff">="IE览? attachEventq行事gl定的按?</span><span style="color: #ff0000"> id</span><span style="color: #0000ff">="btn1"</span><span style="color: #0000ff">/></span><span style="color: #000000"><br /></span><span style="color: #008080">18</span><span style="color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" /></span><span style="color: #0000ff"><</span><span style="color: #800000">input </span><span style="color: #ff0000">type</span><span style="color: #0000ff">="button"</span><span style="color: #ff0000">  value</span><span style="color: #0000ff">="火狐览? addEventListenerq行事gl定的按?</span><span style="color: #ff0000"> id</span><span style="color: #0000ff">="btn2"</span><span style="color: #0000ff">/></span><span style="color: #000000"><br /></span><span style="color: #008080">19</span><span style="color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" /><br /></span><span style="color: #008080">20</span><span style="color: #000000"><img id="Codehighlighter1_432_1146_Open_Image" onclick="this.style.display='none'; Codehighlighter1_432_1146_Open_Text.style.display='none'; Codehighlighter1_432_1146_Closed_Image.style.display='inline'; Codehighlighter1_432_1146_Closed_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedBlockStart.gif"><img style="display: none" id="Codehighlighter1_432_1146_Closed_Image" onclick="this.style.display='none'; Codehighlighter1_432_1146_Closed_Text.style.display='none'; Codehighlighter1_432_1146_Open_Image.style.display='inline'; Codehighlighter1_432_1146_Open_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ContractedBlock.gif"></span><span style="color: #0000ff"><</span><span style="color: #800000">SCRIPT </span><span style="color: #ff0000">LANGUAGE</span><span style="color: #0000ff">="JavaScript"</span><span style="color: #0000ff">></span><span style="border-bottom: #808080 1px solid; border-left: #808080 1px solid; background-color: #ffffff; display: none; border-top: #808080 1px solid; border-right: #808080 1px solid" id="Codehighlighter1_432_1146_Closed_Text"><img alt="" src="http://www.aygfsteel.com/Images/dot.gif" /></span><span id="Codehighlighter1_432_1146_Open_Text"><span style="background-color: #f5f5f5; color: #000000"><br /></span><span style="color: #008080">21</span><span style="background-color: #f5f5f5; color: #000000"><img id="Codehighlighter1_438_473_Open_Image" onclick="this.style.display='none'; Codehighlighter1_438_473_Open_Text.style.display='none'; Codehighlighter1_438_473_Closed_Image.style.display='inline'; Codehighlighter1_438_473_Closed_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedSubBlockStart.gif"><img style="display: none" id="Codehighlighter1_438_473_Closed_Image" onclick="this.style.display='none'; Codehighlighter1_438_473_Closed_Text.style.display='none'; Codehighlighter1_438_473_Open_Image.style.display='inline'; Codehighlighter1_438_473_Open_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ContractedSubBlock.gif">     </span><span style="border-bottom: #808080 1px solid; border-left: #808080 1px solid; background-color: #ffffff; display: none; border-top: #808080 1px solid; border-right: #808080 1px solid" id="Codehighlighter1_438_473_Closed_Text">/**/</span><span id="Codehighlighter1_438_473_Open_Text"><span style="background-color: #f5f5f5; color: #008000">/*</span><span style="background-color: #f5f5f5; color: #008000">*Ҏ(gu)一: 使用元素的事件属? [q种方式事g只可l定一?最后绑定的执行]*</span><span style="background-color: #f5f5f5; color: #008000">*/</span></span><span style="background-color: #f5f5f5; color: #000000"><br /></span><span style="color: #008080">22</span><span style="background-color: #f5f5f5; color: #000000"><img id="Codehighlighter1_506_522_Open_Image" onclick="this.style.display='none'; Codehighlighter1_506_522_Open_Text.style.display='none'; Codehighlighter1_506_522_Closed_Image.style.display='inline'; Codehighlighter1_506_522_Closed_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedSubBlockStart.gif"><img style="display: none" id="Codehighlighter1_506_522_Closed_Image" onclick="this.style.display='none'; Codehighlighter1_506_522_Closed_Text.style.display='none'; Codehighlighter1_506_522_Open_Image.style.display='inline'; Codehighlighter1_506_522_Open_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ContractedSubBlock.gif">     button1.onclick </span><span style="background-color: #f5f5f5; color: #000000">=</span><span style="background-color: #f5f5f5; color: #000000"> </span><span style="background-color: #f5f5f5; color: #0000ff">function</span><span style="background-color: #f5f5f5; color: #000000">() </span><span style="border-bottom: #808080 1px solid; border-left: #808080 1px solid; background-color: #ffffff; display: none; border-top: #808080 1px solid; border-right: #808080 1px solid" id="Codehighlighter1_506_522_Closed_Text"><img alt="" src="http://www.aygfsteel.com/Images/dot.gif" /></span><span id="Codehighlighter1_506_522_Open_Text"><span style="background-color: #f5f5f5; color: #000000">{ alert(</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">1-1</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">); }</span></span><span style="background-color: #f5f5f5; color: #000000">;<br /></span><span style="color: #008080">23</span><span style="background-color: #f5f5f5; color: #000000"><img id="Codehighlighter1_559_575_Open_Image" onclick="this.style.display='none'; Codehighlighter1_559_575_Open_Text.style.display='none'; Codehighlighter1_559_575_Closed_Image.style.display='inline'; Codehighlighter1_559_575_Closed_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedSubBlockStart.gif"><img style="display: none" id="Codehighlighter1_559_575_Closed_Image" onclick="this.style.display='none'; Codehighlighter1_559_575_Closed_Text.style.display='none'; Codehighlighter1_559_575_Open_Image.style.display='inline'; Codehighlighter1_559_575_Open_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ContractedSubBlock.gif">     button1.onclick </span><span style="background-color: #f5f5f5; color: #000000">=</span><span style="background-color: #f5f5f5; color: #000000"> </span><span style="background-color: #f5f5f5; color: #0000ff">function</span><span style="background-color: #f5f5f5; color: #000000">() </span><span style="border-bottom: #808080 1px solid; border-left: #808080 1px solid; background-color: #ffffff; display: none; border-top: #808080 1px solid; border-right: #808080 1px solid" id="Codehighlighter1_559_575_Closed_Text"><img alt="" src="http://www.aygfsteel.com/Images/dot.gif" /></span><span id="Codehighlighter1_559_575_Open_Text"><span style="background-color: #f5f5f5; color: #000000">{ alert(</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">1-2</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">); }</span></span><span style="background-color: #f5f5f5; color: #000000">;<br /></span><span style="color: #008080">24</span><span style="background-color: #f5f5f5; color: #000000"><img id="Codehighlighter1_580_648_Open_Image" onclick="this.style.display='none'; Codehighlighter1_580_648_Open_Text.style.display='none'; Codehighlighter1_580_648_Closed_Image.style.display='inline'; Codehighlighter1_580_648_Closed_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedSubBlockStart.gif"><img style="display: none" id="Codehighlighter1_580_648_Closed_Image" onclick="this.style.display='none'; Codehighlighter1_580_648_Closed_Text.style.display='none'; Codehighlighter1_580_648_Open_Image.style.display='inline'; Codehighlighter1_580_648_Open_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ContractedSubBlock.gif">     </span><span style="border-bottom: #808080 1px solid; border-left: #808080 1px solid; background-color: #ffffff; display: none; border-top: #808080 1px solid; border-right: #808080 1px solid" id="Codehighlighter1_580_648_Closed_Text">/**/</span><span id="Codehighlighter1_580_648_Open_Text"><span style="background-color: #f5f5f5; color: #008000">/*</span><span style="background-color: #f5f5f5; color: #008000">*Ҏ(gu)? 使用attachEvent注册事g. 格式如下object.attachEvent(event,function);*</span><span style="background-color: #f5f5f5; color: #008000">*/</span></span><span style="background-color: #f5f5f5; color: #000000"><br /></span><span style="color: #008080">25</span><span style="background-color: #f5f5f5; color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/InBlock.gif" />   </span><span style="background-color: #f5f5f5; color: #0000ff">var</span><span style="background-color: #f5f5f5; color: #000000"> btn1Obj </span><span style="background-color: #f5f5f5; color: #000000">=</span><span style="background-color: #f5f5f5; color: #000000"> document.getElementById(</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">btn1</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">);<br /></span><span style="color: #008080">26</span><span style="background-color: #f5f5f5; color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/InBlock.gif" />    btn1Obj.attachEvent(</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">onclick</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">, method1);<br /></span><span style="color: #008080">27</span><span style="background-color: #f5f5f5; color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/InBlock.gif" />   btn1Obj.attachEvent(</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">onclick</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">, method2);<br /></span><span style="color: #008080">28</span><span style="background-color: #f5f5f5; color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/InBlock.gif" />    btn1Obj.attachEvent(</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">onclick</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">, method3);<br /></span><span style="color: #008080">29</span><span style="background-color: #f5f5f5; color: #000000"><img id="Codehighlighter1_830_913_Open_Image" onclick="this.style.display='none'; Codehighlighter1_830_913_Open_Text.style.display='none'; Codehighlighter1_830_913_Closed_Image.style.display='inline'; Codehighlighter1_830_913_Closed_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedSubBlockStart.gif"><img style="display: none" id="Codehighlighter1_830_913_Closed_Image" onclick="this.style.display='none'; Codehighlighter1_830_913_Closed_Text.style.display='none'; Codehighlighter1_830_913_Open_Image.style.display='inline'; Codehighlighter1_830_913_Open_Text.style.display='inline';" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ContractedSubBlock.gif">     </span><span style="border-bottom: #808080 1px solid; border-left: #808080 1px solid; background-color: #ffffff; display: none; border-top: #808080 1px solid; border-right: #808080 1px solid" id="Codehighlighter1_830_913_Closed_Text">/**/</span><span id="Codehighlighter1_830_913_Open_Text"><span style="background-color: #f5f5f5; color: #008000">/*</span><span style="background-color: #f5f5f5; color: #008000">*Ҏ(gu)? addEventListener. 格式如下element.addEventListener(type,listener,useCapture);*</span><span style="background-color: #f5f5f5; color: #008000">*/</span></span><span style="background-color: #f5f5f5; color: #000000"><br /></span><span style="color: #008080">30</span><span style="background-color: #f5f5f5; color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/InBlock.gif" />    </span><span style="background-color: #f5f5f5; color: #0000ff">var</span><span style="background-color: #f5f5f5; color: #000000"> btn2Obj </span><span style="background-color: #f5f5f5; color: #000000">=</span><span style="background-color: #f5f5f5; color: #000000"> document.getElementById(</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">btn2</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">);<br /></span><span style="color: #008080">31</span><span style="background-color: #f5f5f5; color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/InBlock.gif" />    btn2Obj.addEventListener(</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">click</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">,method1,</span><span style="background-color: #f5f5f5; color: #0000ff">false</span><span style="background-color: #f5f5f5; color: #000000">);<br /></span><span style="color: #008080">32</span><span style="background-color: #f5f5f5; color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/InBlock.gif" />    btn2Obj.addEventListener(</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">click</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">,method2,</span><span style="background-color: #f5f5f5; color: #0000ff">false</span><span style="background-color: #f5f5f5; color: #000000">);<br /></span><span style="color: #008080">33</span><span style="background-color: #f5f5f5; color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/InBlock.gif" />    btn2Obj.addEventListener(</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">click</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">,method3,</span><span style="background-color: #f5f5f5; color: #0000ff">false</span><span style="background-color: #f5f5f5; color: #000000">);<br /></span><span style="color: #008080">34</span><span style="background-color: #f5f5f5; color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedBlockEnd.gif" />    </span><span style="background-color: #f5f5f5; color: #008000">//</span><span style="background-color: #f5f5f5; color: #008000">执行序为method1->method2->method3</span><span style="background-color: #f5f5f5; color: #008000"><br /></span><span style="color: #008080">35</span><span style="background-color: #f5f5f5; color: #008000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" /></span></span><span style="color: #0000ff"></</span><span style="color: #800000">SCRIPT</span><span style="color: #0000ff">></span><span style="color: #000000"><br /></span><span style="color: #008080">36</span><span style="color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" /></span><span style="color: #0000ff"><</span><span style="color: #800000">br</span><span style="color: #0000ff">/></span><span style="color: #000000">attachEvent按照注册倒叙执行:    执行序为method3->method2->method1 <br /></span><span style="color: #008080">37</span><span style="color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" /></span><span style="color: #0000ff"><</span><span style="color: #800000">br</span><span style="color: #0000ff">/></span><span style="color: #000000">addEventListener按照注册序执行:    执行序为method1->method2->method3 <br /></span><span style="color: #008080">38</span><span style="color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" /></span><span style="color: #0000ff"></</span><span style="color: #800000">body</span><span style="color: #0000ff">></span><span style="color: #000000"><br /></span><span style="color: #008080">39</span><span style="color: #000000"><img alt="" align="top" src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" /></span><span style="color: #0000ff"></</span><span style="color: #800000">html</span><span style="color: #0000ff">></span></div><br />相关衍生阅读: <h1><span style="font-size: 14pt"><a style="font-family: Verdana; text-decoration: underline" > <h1><span style="color: #0000ff; font-size: 14pt">JavaScriptƲ速则不达——基本处理事g详解和阻止事件传?/span></h1></a></span></h1><img src ="http://www.aygfsteel.com/redcoatjk/aggbug/405972.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/redcoatjk/" target="_blank">redcoatjk</a> 2013-11-04 14:22 <a href="http://www.aygfsteel.com/redcoatjk/archive/2013/11/04/405972.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>[转]Servletȝhttp://www.aygfsteel.com/redcoatjk/archive/2011/08/25/357277.htmlredcoatjkredcoatjkThu, 25 Aug 2011 07:41:00 GMThttp://www.aygfsteel.com/redcoatjk/archive/2011/08/25/357277.htmlhttp://www.aygfsteel.com/redcoatjk/comments/357277.htmlhttp://www.aygfsteel.com/redcoatjk/archive/2011/08/25/357277.html#Feedback0http://www.aygfsteel.com/redcoatjk/comments/commentRss/357277.htmlhttp://www.aygfsteel.com/redcoatjk/services/trackbacks/357277.html
-----------------------------------------
1Q什么是Servlet
2QServlet有什么作?br /> 3QServlet的生命周?br /> 4QServlet怎么处理一个请?br /> 5QServlet与JSP有什么区?br /> 6QServlet里的cookie技?br /> 7QServlet里的qo(h)?br /> 8QServlet里的监听?/strong>

 


一Q什么是ServletQ?/p>


Servlet是一个Java~写的程序,此程序是ZHttp协议的,在服务器端运行的(如tomcat)Q?/p>

 

是按照Servlet规范~写的一个JavacR?/p>



二,Servlet有什么作用?


主要是处理客L(fng)的请求ƈ其l果发送到客户端?/p>



三,Servlet的生命周期?


Servlet的生命周期是由Servlet的容器来控制的,它可以分?个阶D?初始化,q行Q销毁?br />
初始化阶D:(x)


1QServlet容器加蝲servletc,把servletcȝ.class文g中的数据d内存中?/p>


2Q然后Servlet容器创徏一个ServletConfig对象。ServletConfig对象包含了Servlet的初始化配置信息?/p>


3QServlet容器创徏一个servlet对象?/p>


4QServlet容器调用servlet对象的initҎ(gu)q行初始化?/p>



q行阶段Q?/p>


当servlet容器接收C个请求时Qservlet容器?x)针对这个请求创建servletRequest和servletResponse对象?/p>

 

然后调用serviceҎ(gu)。ƈ把这两个参数传递给serviceҎ(gu)。ServiceҎ(gu)通过servletRequest对象获得h?/p>

 

信息。ƈ处理该请求。再通过servletResponse对象生成q个h的响应结果。然后销毁servletRequest?/p>

 

servletResponse对象。我们不这个请求是post提交的还是get提交的,最l这个请求都?x)由serviceҎ(gu)来处理?/p>


web服务器接受到一个httph后,web服务器会(x)请求移交给 servlet容器Qservlet容器首先Ҏ(gu)h的URLq行解析q根?br />web.xml 配置文g扑ֈ相应的处理servletQ同时将request、response对象传递给它,servlet通过request对象可知道客L(fng)
的请?者、请求信息以?qing)其他的信息{,servlet在处理完h后会(x)把所有需要返回的信息攑օresponse对象中ƈq回到客L(fng)Q?br />servlet一旦处?完请求,servlet容器׃(x)hresponse对象Qƈ把控制权重新q回lweb服务器?/strong>

 


销毁阶D:(x)


当Web应用被终止时Qservlet容器?x)先调用servlet对象的destroryҎ(gu)Q然后再销毁servlet对象Q?/p>

 

同时也会(x)销毁与servlet对象相关联的servletConfig对象。我们可以在destroyҎ(gu)的实CQ释?/p>

 

servlet所占用的资源,如关闭数据库q接Q关闭文件输入输出流{?/p>



在这里该注意的地方:(x)


在servlet生命周期中,servlet的初始化和和销毁阶D只?x)发生一ơ,而serviceҎ(gu)执行的次数则取决于servlet被客?/p>

 

端访问的ơ数

 

 


四,Servlet怎么处理一个请求?


当用户发送一个请求到某个Servlet的时候,Servlet容器?x)创Z个ServletRequst和ServletResponse对象?/p>

 

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

 

传给用户所h的ServletQServlet把处理好的结果写在ServletResponse中,然后Servlet容器把响应结果传

 

l用戗?/p>

 


五,Servlet与JSP有什么区别?


1Qjspl编译后是servletQ也可以说jsp{于servlet?/p>


2Qjsp更擅镉K?表现)。servlet更擅镉K辑~辑?(最核心的区??/p>


3Q在实际应用中采用Servlet来控制业务流E?而采用JSP来生成动态网?在struts框架?

 

JSP位于MVC设计模式的视囑ֱ,而Servlet位于控制层?/p>

 


六,Servlet里的cookie技术?


cookies是一UWEB服务器通过览器在讉K者的盘上存储信息的手段Q是由Netscape公司开发出来的?/p>


cookie技术的好处Q?/p>


    1QCookie有效期限未到ӞCookie能用户在不键入密码和用户名的情况下q入曄览q的一些站炏V?/p>


    2QCookie能站点跟踪特定讉K者的讉Kơ数、最后访问时间和讉K者进入站点的路径?br />    
创徏一个cookie

Java代码  收藏代码
  1. //里面的两个参数分别是cookie的名和cookie的?nbsp; 
  2.   
  3. response.addCookie(new Cookie("abc","10000000"));  

 

使用cookie

Java代码  收藏代码
  1. Cookie[] cook =request.getCookies();//用一个Cookie数组来接?nbsp; 
  2.   
  3. for(int j=0;j<cook.length;j++){//通过循环来打印Cookie  
  4.   
  5.         cook[j].getName()://取cookie的名    
  6.         cook[j].getValue()://去cookie的?nbsp; 
  7.   
  8. }  
 


七,Servlet里的qo(h)器?


qo(h)器的主要作用


1QQ何系l或|站都要判断用户是否d?/p>


2Q网l聊天系l或论坛Q功能是qo(h)非法文字


3Q统一解决~码


(2)怎么创徏一个过滤器Q?/p>

 

1Q生成一个普通的classc,实现Filter接口(javax.servlet.Filter;)?/p>


2Q重写接口里面的三个Ҏ(gu)QinitQdoFilterQdestroy?/p>


3Q然后在web.xml配置qo(h)器?/p>



八,Servlet里的监听器?


监听器的作用Q自动执行一些操作?br />
三种servlet监听?

 

对request的监听。对session的监听。对application的监听?br />
怎么创徏一个session监听器:(x)


1Q生成一个普通的classc,如果是对session的监听,则实现HttpSessionListener?/p>


2Q然后重写里面的五个Ҏ(gu):

 

Java代码  收藏代码
  1. public void sessionCreated(HttpSessionEvent arg0) {} // 创徏  
  2.   
  3. public void sessionDestroyed(HttpSessionEvent arg0) {} // 销?nbsp; 
  4.   
  5. public void attributeAdded(HttpSessionEvent arg0) {} // 增加  
  6.   
  7. public void attributeRemoved(HttpSessionEvent arg0) {} // 删除  
  8.   
  9. public void attributeReplaced(HttpSessionEvent arg0) {} // 替换 


redcoatjk 2011-08-25 15:41 发表评论
]]>
վ֩ģ壺 | | | | | | | ̨| | ɽ| ɣֲ| ԭ| | | ɽ| | Է| | | ƽ| Ǹ| | ƽ| ɽ| 㽭ʡ| | ݳ| | Դ| ָ| | ˳| | | | ɽ| ̨| ͩ| | | ɽ|