??xml version="1.0" encoding="utf-8" standalone="yes"?>国产福利在线,日韩影院二区,久久久久久麻豆http://www.aygfsteel.com/conans/category/32371.html你越挣扎我就兴?/description>zh-cnWed, 10 Mar 2010 23:29:51 GMTWed, 10 Mar 2010 23:29:51 GMT60JSP面~存技?-览器缓?/title><link>http://www.aygfsteel.com/conans/articles/314962.html</link><dc:creator>CONAN</dc:creator><author>CONAN</author><pubDate>Tue, 09 Mar 2010 08:20:00 GMT</pubDate><guid>http://www.aygfsteel.com/conans/articles/314962.html</guid><description><![CDATA[<p style="margin: 0cm 0cm 0pt;" class="MsoNormal"><span style="font-family: 宋体;">一、概q?/span></p> <p><span style="font-size: 12pt; font-family: 宋体;">    ~?/span><span style="font-family: 宋体;">存的思想可以应用在Y件分层的各个层面。它是一U内部机Ӟ对外界而言Q是不可感知的?/span></p> <p><span style="font-family: 宋体;">    数据库本w有~存Q?span style="background: #d9d9d9 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">持久?/span>也可以缓存。(比如Q?/span><font face="Times New Roman">hibernate</font><span style="font-family: 宋体;">Q还?/span><font face="Times New Roman">1</font><span style="font-family: 宋体;">U和</span><font face="Times New Roman">2</font><span style="font-family: 宋体;">U缓存)</span></p> <p><span style="background: #d9d9d9 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-family: 宋体;"><font style="background-color: #ffffff;">    </font>业务?/span><span style="font-family: 宋体;">也可以有~存Q但一般来_q是一个过E域Q不会设~存Q?/span></p> <p><span style="background: #d9d9d9 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-family: 宋体;"><font style="background-color: #ffffff;" color="#ffffff">    </font>表现?/span><span style="background: #d9d9d9 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><font face="Times New Roman">/</font></span><span style="background: #d9d9d9 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-family: 宋体;">数据服务?/span><span style="font-family: 宋体;">Q传l?/span><font face="Times New Roman">web</font><span style="font-family: 宋体;">的表现层Q也可以讄~存Q?/span><font face="Times New Roman">jsp cache </font><span style="font-family: 宋体;">是q一层,实现?/span><font face="Times New Roman">app server</font><span style="font-family: 宋体;">上的~存机制Q?/span></p> <p><span style="font-family: 宋体;">    另外</span><span style="background: #d9d9d9 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><font face="Times New Roman">Browser</font></span><span style="font-family: 宋体;">也有~存Q如</span><font face="Times New Roman">IE</font><span style="font-family: 宋体;">Q这个大家也都知道(实现?/span><font face="Times New Roman"> web server </font><span style="font-family: 宋体;">上的~存机制Q。越上层的缓存效果越好,底层的~存影响深q?/span></p> <p><font face="Times New Roman"> </font><span style="font-family: 宋体;">二、缓存实玎ͼ</span><span style="font-size: 12pt; font-family: 宋体;">览器缓存当前访问的JSP动态页?/span><span style="font-family: 宋体;">Q?/span> </p> <p style="margin: 0cm 0cm 0pt;" class="MsoNormal"><span style="font-family: 宋体;">Q一Q、服务端ҎQ?/span></p> <ol> <li style="margin: 0cm 0cm 0pt; text-align: left;"><span style="font-size: 12pt; font-family: 宋体;"><Q?  </span></li> <li style="margin: 0cm 0cm 0pt; text-align: left;"><span style="font-size: 12pt; font-family: 宋体;">response.setHeader("Pragma","No-cache");    </span></li> <li style="margin: 0cm 0cm 0pt; text-align: left;"><span style="font-size: 12pt; font-family: 宋体;">response.setHeader("Cache-Control","no-cache");    </span></li> <li style="margin: 0cm 0cm 0pt; text-align: left;"><span style="font-size: 12pt; font-family: 宋体;">response.setDateHeader("Expires", -<span style="color: #c00000;">10</span>);   </span></li> <li style="margin: 0cm 0cm 0pt; text-align: left;"><span style="font-size: 12pt; font-family: 宋体;">Q?gt;  </span></li> </ol> <p style="margin: 0cm 0cm 0pt;" class="MsoNormal"><span style="font-family: 宋体;">Q二Q、客LҎQ?/span></p> <p style="margin: 0cm 0cm 0pt; text-indent: 21pt;" class="MsoNormal"><font face="Times New Roman">meta</font><span style="font-family: 宋体;">是用来在</span><font face="Times New Roman">HTML</font><span style="font-family: 宋体;">文档中模?/span><font face="Times New Roman">HTTP</font><span style="font-family: 宋体;">协议的响应头报文?/span><font face="Times New Roman">meta </font><span style="font-family: 宋体;">标签用于|页的<</span><font face="Times New Roman">head</font><span style="font-family: 宋体;">Q与Q?/span><font face="Times New Roman">/head</font><span style="font-family: 宋体;">Q中Q?/span><font face="Times New Roman">meta </font><span style="font-family: 宋体;">标签的用处很多?/span><font face="Times New Roman">meta </font><span style="font-family: 宋体;">的属性有两种Q?/span><span style="background: #d9d9d9 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><font face="Times New Roman">name</font></span><span style="background: #d9d9d9 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-family: 宋体;">?/span><span style="background: #d9d9d9 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><font face="Times New Roman">http-equiv</font></span><span style="font-family: 宋体;">?/span><font face="Times New Roman">name</font><span style="font-family: 宋体;">属性主要用?span style="background: #d9d9d9 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">描述|页</span>Q对应于</span><font face="Times New Roman">content</font><span style="font-family: 宋体;">Q网内容)Q?span style="background: #d9d9d9 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">以便于搜索引擎机器h查找、分c?/span>Q目前几乎所有的搜烦引擎都用网上机器h自动查找</span><font face="Times New Roman">meta</font><span style="font-family: 宋体;">值来l网分c)。这其中<span style="color: #33cccc;">最重要的是</span></span><span style="color: #33cccc;"><font face="Times New Roman">description</font></span><span style="color: #33cccc; font-family: 宋体;">Q站点在搜烦引擎上的描述Q和</span><span style="color: #33cccc;"><font face="Times New Roman">keywords</font></span><span style="color: #33cccc; font-family: 宋体;">Q分cd键词Q?/span><span style="font-family: 宋体;">Q所以应该给每页加一?/span><font face="Times New Roman">meta</font><span style="font-family: 宋体;">倹{比较常用的有以下几个:</span><font face="Times New Roman"> <br /> name </font><span style="font-family: 宋体;">属?/span><font face="Times New Roman"> <br /> 1</font><span style="font-family: 宋体;">、<</span><font face="Times New Roman">meta name="Generator" contect=""</font><span style="font-family: 宋体;">Q用以说明生成工P?/span><font face="Times New Roman">Microsoft FrontPage 4.0</font><span style="font-family: 宋体;">Q等Q?/span><font face="Times New Roman"> <br /> 2</font><span style="font-family: 宋体;">、<</span><font face="Times New Roman">meta name="KEYWords" contect=""</font><span style="font-family: 宋体;">Q向搜烦引擎说明你的|页的关键词Q?/span><font face="Times New Roman"> <br /> 3</font><span style="font-family: 宋体;">、<</span><font face="Times New Roman">meta name="DEscription" contect=""</font><span style="font-family: 宋体;">Q告诉搜索引擎你的站点的主要内容Q?/span><br /> <font face="Times New Roman">4</font><span style="font-family: 宋体;">、<</span><font face="Times New Roman">meta name="Author" contect="</font><span style="font-family: 宋体;">你的姓名</span><font face="Times New Roman">"</font><span style="font-family: 宋体;">Q告诉搜索引擎你的站点的制作的作者;</span><br /> <font face="Times New Roman">5</font><span style="font-family: 宋体;">、<</span><font face="Times New Roman">meta name="Robots" contect="all|none|index|noindex|follow|nofollow"</font><span style="font-family: 宋体;">Q?/span><font face="Times New Roman"> <br /> <br /> </font><span style="font-family: 宋体;">其中的属性说明如下:</span><font face="Times New Roman"> <br /> </font><span style="font-family: 宋体;">讑֮?/span><font face="Times New Roman">all</font><span style="font-family: 宋体;">Q文件将被检索,且页面上的链接可以被查询Q?/span><font face="Times New Roman"> <br /> </font><span style="font-family: 宋体;">讑֮?/span><font face="Times New Roman">none</font><span style="font-family: 宋体;">Q文件将不被索,且页面上的链接不可以被查询;</span><br /> <span style="font-family: 宋体;">讑֮?/span><font face="Times New Roman">index</font><span style="font-family: 宋体;">Q文件将被检索;</span><font face="Times New Roman"> <br /> </font><span style="font-family: 宋体;">讑֮?/span><font face="Times New Roman">follow</font><span style="font-family: 宋体;">Q页面上的链接可以被查询Q?/span><br /> <span style="font-family: 宋体;">讑֮?/span><font face="Times New Roman">noindex</font><span style="font-family: 宋体;">Q文件将不被索,但页面上的链接可以被查询Q?/span><font face="Times New Roman"> <br /> </font><span style="font-family: 宋体;">讑֮?/span><font face="Times New Roman">nofollow</font><span style="font-family: 宋体;">Q文件将不被索,面上的链接可以被查询?/span><font face="Times New Roman"> <br /> <br /> http-equiv</font><span style="font-family: 宋体;">属?/span><font face="Times New Roman"> <br /> 1</font><span style="font-family: 宋体;">、<</span><font face="Times New Roman">meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80"</font><span style="font-family: 宋体;">Q?/span><font face="Times New Roman"> <br /> </font><span style="font-family: 宋体;">?/span><span style="font-family: 宋体;">Q?/span><font face="Times New Roman">meta http-equiv="Content-Language" contect="zh-CN"</font><span style="font-family: 宋体;">Q用以说明主制作所使用的文字以及语aQ又如英文是</span><font face="Times New Roman">ISO-8859-1</font><span style="font-family: 宋体;">字符集,q有</span><font face="Times New Roman">BIG5</font><span style="font-family: 宋体;">?/span><font face="Times New Roman">utf-8</font><span style="font-family: 宋体;">?/span><font face="Times New Roman">shift-Jis</font><span style="font-family: 宋体;">?/span><font face="Times New Roman">Euc</font><span style="font-family: 宋体;">?/span><font face="Times New Roman">Koi8-2</font><span style="font-family: 宋体;">{字W集Q?/span><font face="Times New Roman"> <br /> 2</font><span style="font-family: 宋体;">、<</span><font face="Times New Roman">meta http-equiv="Refresh" contect="n;url=http://yourlink"</font><span style="font-family: 宋体;">Q定时让|页在指定的旉</span><font face="Times New Roman">n</font><span style="font-family: 宋体;">内,跌{到页?/span><font face="Times New Roman">http;//yourlink</font><span style="font-family: 宋体;">Q?/span><br /> <font face="Times New Roman">3</font><span style="font-family: 宋体;">、<</span><font face="Times New Roman">meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT"</font><span style="font-family: 宋体;">Q可以用于设定网늚到期旉Q一旦过期则必须到服务器上重新调用。需要注意的是必M?/span><font face="Times New Roman">GMT</font><span style="font-family: 宋体;">旉格式Q?/span><br /> <font face="Times New Roman">4</font><span style="font-family: 宋体;">、<</span><font face="Times New Roman">meta http-equiv="Pragma" contect="no-cache"</font><span style="font-family: 宋体;">Q是用于讑֮止览器从本地机的~存中调阅页面内容,讑֮后一旦离开|页无法从</span><font face="Times New Roman">Cache</font><span style="font-family: 宋体;">中再调出Q?/span><font face="Times New Roman"> <br /> 5</font><span style="font-family: 宋体;">、<</span><font face="Times New Roman">meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT"</font><span style="font-family: 宋体;">Q?/span><font face="Times New Roman">cookie</font><span style="font-family: 宋体;">讑֮Q如果网过期,存盘?/span><font face="Times New Roman">cookie</font><span style="font-family: 宋体;">被删除。需要注意的也是必须使用</span><font face="Times New Roman">GMT</font><span style="font-family: 宋体;">旉格式Q?/span><font face="Times New Roman"> <br /> 6</font><span style="font-family: 宋体;">、<</span><font face="Times New Roman">meta http-equiv="Pics-label" contect=""</font><span style="font-family: 宋体;">Q网늭U评定,?/span><font face="Times New Roman">IE</font><span style="font-family: 宋体;">?/span><font face="Times New Roman">internet</font><span style="font-family: 宋体;">选项中有一内容设|,可以防止览一些受限制的网站,而网站的限制U别是通过</span><font face="Times New Roman">meta</font><span style="font-family: 宋体;">属性来讄的;</span><font face="Times New Roman"> <br /> 7</font><span style="font-family: 宋体;">、<</span><font face="Times New Roman">meta http-equiv="windows-Target" contect="_top"</font><span style="font-family: 宋体;">Q强刉面在当前H口中以独立面昄Q可以防止自q|页被别人当作一?/span><font face="Times New Roman">frame</font><span style="font-family: 宋体;">调用;</span><br /> <font face="Times New Roman">8</font><span style="font-family: 宋体;">、<</span><font face="Times New Roman">meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)"</font><span style="font-family: 宋体;">Q和Q?/span><font face="Times New Roman">meta http-equiv="Page-Exit" contect="revealTrans(duration=20</font><span style="font-family: 宋体;">Q?/span><font face="Times New Roman">transtion =6)"</font><span style="font-family: 宋体;">Q设定进入和d面时的Ҏ效果Q这个功能即</span><font face="Times New Roman">FrontPage</font><span style="font-family: 宋体;">中的</span><font face="Times New Roman">“</font><span style="font-family: 宋体;">格式</span><font face="Times New Roman">/</font><span style="font-family: 宋体;">|页q渡</span><font face="Times New Roman">”</font><span style="font-family: 宋体;">Q不q所加的面不能够是一?/span><font face="Times New Roman">frame</font><span style="font-family: 宋体;">面?/span></p> <p><font face="Times New Roman"> </font><font face="Times New Roman"> </font><span style="font-family: 宋体;">三、缓存应?/span></p> <p><span style="font-family: 宋体;">Q一Q、防?/span><font face="Times New Roman">JSP</font><span style="font-family: 宋体;">面~存</span><span style="font-family: 宋体;">Z防止览器缓存当前访问的JSP动态页面,可以采用如下的方式进行设|:<br /> <% <br /> // 过期日期设|ؓ一个过L?/span></p> <p><span style="font-family: 宋体;">response.setHeader("Expires", "</span><span style="font-family: 宋体;">Sat, 6 May 1995</span><span style="font-family: 宋体;">12:00:00 GMT</span><span style="font-family: 宋体;">");</span></p> <p><span style="font-family: 宋体;">// 讄 HTTP/1.1 no-cache ?br /> response.setHeader("Cache-Control", "no-store,no-cache,must-revalidate");</span></p> <p><span style="font-family: 宋体;">// 讄 IE 扩展 HTTP/1.1 no-cache headersQ?用户自己d<br /> response.addHeader("Cache-Control", "post-check=0, pre-check=0");</span></p> <p><span style="font-family: 宋体;">// 讄标准 HTTP/1.0 no-cache header.<br /> response.setHeader("Pragma", "no-cache");<br /> %></span></p> <p><span style="font-family: 宋体;">当然Q每一个页面都包含q些代码会很J琐Q可以通过自定义过滤器QFilterQ的Ҏ来处理相关的面</span><font face="Times New Roman"> </font><font face="Times New Roman"> </font></p> <p><span style="font-family: 宋体;">Q?/span><span style="font-family: 宋体;">二)?/span><font face="Times New Roman">jsp,html </font><span style="font-family: 宋体;">清除面~存</span></p> <p><span style="font-family: 宋体;">1.止客户端缓存要?lt;head>中加入类似如下内容: </span></p> <p><span style="font-family: 宋体;"><META HTTP-EQUIV="pragma" CONTENT="no-cache"> <br /> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <br /> <META HTTP-EQUIV="expires" CONTENT="</span><span style="font-family: 宋体;">Wed, 26 Feb 1997</span><span style="font-family: 宋体;">08:21:57 GMT</span><span style="font-family: 宋体;">"> </span></p> <p><span style="font-family: 宋体;">?/span><span style="color: #333333; font-family: Tahoma;">   <meta http-equiv="pragma" content="no-cache"><br />      <meta http-equiv="cache-control" content="no-cache"><br />      <meta http-equiv="expires" content="0">   </span></p> <p><span style="font-family: 宋体;">2.在服务器的动态网中止~存Q要加入cM如下脚本 </span></p> <p><span style="font-family: 宋体;">response.setHeader("Pragma","No-cache"); <br /> response.setHeader("Cache-Control","no-cache"); <br /> response.setDateHeader("Expires", 0); </span><font face="Times New Roman"> </font></p> <p><span style="font-family: 宋体;">Q三Q设|有限时间的~存</span></p> <p><span style="color: black; font-family: 'Courier New';">    </span><strong><span style="color: #7f0055; font-family: 'Courier New';">int</span></strong><span style="color: black; font-family: 'Courier New';"> minutes = 10;</span></p> <p><span style="color: black; font-family: 'Courier New';">    Date d = </span><strong><span style="color: #7f0055; font-family: 'Courier New';">new</span></strong><span style="color: black; font-family: 'Courier New';"> Date();</span></p> <p><span style="color: black; font-family: 'Courier New';">    String modDate = d.toGMTString();</span></p> <p><span style="color: black; font-family: 'Courier New';">    String expDate = </span><strong><span style="color: #7f0055; font-family: 'Courier New';">null</span></strong><span style="color: black; font-family: 'Courier New';">;</span></p> <p><span style="color: black; font-family: 'Courier New';">    expDate = (</span><strong><span style="color: #7f0055; font-family: 'Courier New';">new</span></strong><span style="color: black; font-family: 'Courier New';"> Date(d.getTime() + minutes * 60000)).toGMTString();</span></p> <p><span style="color: black; font-family: 'Courier New';">    response.setHeader(</span><span style="color: #2a00ff; font-family: 'Courier New';">"Last-Modified"</span><span style="color: black; font-family: 'Courier New';">, modDate);</span></p> <p><span style="color: black; font-family: 'Courier New';">    response.setHeader(</span><span style="color: #2a00ff; font-family: 'Courier New';">"Expires"</span><span style="color: black; font-family: 'Courier New';">, expDate);</span></p> <p><span style="color: black; font-family: 'Courier New';">    response.setHeader(</span><span style="color: #2a00ff; font-family: 'Courier New';">"Cache-Control"</span><span style="color: black; font-family: 'Courier New';">, </span><span style="color: #2a00ff; font-family: 'Courier New';">"public"</span><span style="color: black; font-family: 'Courier New';">); </span><span style="color: #3f7f5f; font-family: 'Courier New';">//   HTTP/1.1</span></p> <p><span style="color: black; font-family: 'Courier New';">    response.setHeader(</span><span style="color: #2a00ff; font-family: 'Courier New';">"Pragma"</span><span style="color: black; font-family: 'Courier New';">, </span><span style="color: #2a00ff; font-family: 'Courier New';">"Pragma"</span><span style="color: black; font-family: 'Courier New';">); </span><span style="color: #3f7f5f; font-family: 'Courier New';">//   HTTP/1.0</span><font face="Times New Roman"> </font><font face="Times New Roman"> </font></p> <p><span style="font-family: 宋体;">补充Q?/span><span style="font-family: 宋体;">关于</span><font face="Times New Roman">.jsp cache</font><span style="font-family: 宋体;">的几条徏?/span><font face="Times New Roman">:</font></p> <p><font face="Times New Roman">1.jsp cache</font><span style="font-family: 宋体;">最好做在过滤器?/span><font face="Times New Roman">,</font><span style="font-family: 宋体;">把需要缓冲的面集中在同一个目录下</span><font face="Times New Roman">,</font><span style="font-family: 宋体;">每次更改只须更改</span><font face="Times New Roman">web.xml</font><span style="font-family: 宋体;">可以完成缓冲设|?/span><font face="Times New Roman">,</font><span style="font-family: 宋体;">q样比较方便</span><font face="Times New Roman">.</font></p> <p><font face="Times New Roman">2.Gzip</font><span style="font-family: 宋体;">压羃可以页面压~得很小</span><font face="Times New Roman">,</font><span style="font-family: 宋体;">q_压羃比ؓ</span><font face="Times New Roman">1/3,jsp cache</font><span style="font-family: 宋体;">?/span><font face="Times New Roman">HashMap</font><span style="font-family: 宋体;">~冲压羃后的面</span><font face="Times New Roman">,</font><span style="font-family: 宋体;">肯定比没压羃前更节约内存消?/span><font face="Times New Roman">,</font><span style="font-family: 宋体;">q且效率更高</span><font face="Times New Roman">.</font><span style="font-family: 宋体;">关于</span><font face="Times New Roman">Gzip</font><span style="font-family: 宋体;">可以参考这个开源项?/span><font face="Times New Roman">:</font><a target="_blank"><span style="color: windowtext; text-decoration: none;"><font face="Times New Roman">http://sourceforge.net/projects/pjl-comp-filter</font></span></a><font face="Times New Roman"> </font><font face="Times New Roman"> <br /> </font></p> <img src ="http://www.aygfsteel.com/conans/aggbug/314962.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/conans/" target="_blank">CONAN</a> 2010-03-09 16:20 <a href="http://www.aygfsteel.com/conans/articles/314962.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>HTML中事件触发列表与解说[转]http://www.aygfsteel.com/conans/articles/209574.htmlCONANCONANFri, 20 Jun 2008 14:52:00 GMThttp://www.aygfsteel.com/conans/articles/209574.html

HTML中事件触发列表与解说[转]

一般事?/strong>
事g 览器支?/font> 描述
onClick HTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3 
鼠标点击事gQ多用在某个对象控制的范围内的鼠标点?/td>
onDblClick HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O 
鼠标双击事g
onMouseDown HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O 
鼠标上的按钮被按下了
onMouseUp HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O 
鼠标按下后,村ּ时激发的事g
onMouseOver HTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3 
当鼠标移动到某对象范围的上方时触发的事g
onMouseMove HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O 
鼠标Ud时触发的事g
onMouseOut HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N3 | O3 
当鼠标离开某对象范围时触发的事?/td>
onKeyPress HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O 
当键盘上的某个键被按下ƈ且释放时触发的事?[注意:面内必L被聚焦的对象]
onKeyDown HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O 
当键盘上某个按键被按下时触发的事件[注意:面内必L被聚焦的对象]
onKeyUp HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O 
当键盘上某个按键被按攑ּ时触发的事g[注意:面内必L被聚焦的对象]
面相关事g
事g 览器支?/font> 描述
onAbort HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N3 | O 
囄在下载时被用户中?/td>
onBeforeUnload HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O 
当前面的内容将要被改变时触发的事g
onError HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N3 | O 
捕抓当前面因ؓ某种原因而出现的错误Q如脚本错误与外部数据引用的错误
onLoad HTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3 
面内空完成传送到览器时触发的事Ӟ包括外部文g引入完成
onMove HTML: 2 | 3 | 3.2 | 4 
Browser: IE | N4 | O 
览器的H口被移动时触发的事?/td>
onResize HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O 
当浏览器的窗口大被改变时触发的事g
onScroll HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O 
览器的滚动条位|发生变化时触发的事?/td>
onStop HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
览器的停止按钮被按下时触发的事件或者正在下载的文g被中?/td>
onUnload HTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3 
当前面被改变时触发的事g
表单相关事g
事g 览器支?/font> 描述
onBlur HTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3 
当前元素失去焦点时触发的事g [鼠标与键盘的触发均可]
onChange HTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3 
当前元素失去焦点q且元素的内容发生改变而触发的事g [鼠标与键盘的触发均可]
onFocus HTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3 
当某个元素获得焦Ҏ触发的事?/td>
onReset HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N3 | O3 
当表单中RESET的属性被Ȁ发时触发的事?/td>
onSubmit HTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3 
一个表单被递交时触发的事g
滚动字幕事g
事g 览器支?/font> 描述
onBounce HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O 
在Marquee内的内容Ud至Marquee昄范围之外时触发的事g
onFinish HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O 
当Marquee元素完成需要显C的内容后触发的事g
onStart HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O 
当Marquee元素开始显C内Ҏ触发的事?/td>
~辑事g
事g 览器支?/font> 描述
onBeforeCopy HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O 
当页面当前的被选择内容要复制到浏览者系l的剪脓板前触发的事?/td>
onBeforeCut HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O 
当页面中的一部分或者全部的内容被Uȝ当前面[剪脓]q移动到览者的pȝ剪脓板时触发的事?/td>
onBeforeEditFocus HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当前元素要q入~辑状?/td>
onBeforePaste HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O 
内容要从浏览者的pȝ剪脓板传送[_脓]到页面中时触发的事g
onBeforeUpdate HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O 
当浏览者粘贴系l剪贴板中的内容旉知目标对象
onContextMenu HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事?[试试在页面中?lt;body>中加入onContentMenu="return false"可止使用鼠标右键了]
onCopy HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O 
当页面当前的被选择内容被复制后触发的事?/td>
onCut HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O 
当页面当前的被选择内容被剪切时触发的事?/td>
onDrag HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O 
当某个对象被拖动时触发的事g [zd事g]
onDragDrop HTML: 2 | 3 | 3.2 | 4 
Browser: IE | N4 | O 
一个外部对象被鼠标拖进当前H口或者
onDragEnd HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O 
当鼠标拖动结束时触发的事Ӟ即鼠标的按钮被释放了
onDragEnter HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O 
当对象被鼠标拖动的对象进入其容器范围内时触发的事?/td>
onDragLeave HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O 
当对象被鼠标拖动的对象离开其容器范围内时触发的事g
onDragOver HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O 
当某被拖动的对象在另一对象容器范围内拖动时触发的事?[zd事g]
onDragStart HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O 
当某对象被拖动时触发的事g
onDrop HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O 
在一个拖动过E中Q释N标键时触发的事g
onLoseCapture HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O 
当元素失去鼠标移动所形成的选择焦点时触发的事g
onPaste HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O 
当内容被_脓时触发的事g
onSelect HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O 
当文本内容被选择时的事g
onSelectStart HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O 
当文本内定w择开始发生时触发的事?/td>
数据l定
事g 览器支?/font> 描述
onAfterUpdate HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当数据完成由数据源到对象的传送时触发的事?/td>
onCellChange HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当数据来源发生变化时
onDataAvailable HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当数据接收完成时触发事g
onDatasetChanged HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
数据在数据源发生变化时触发的事g
onDatasetComplete HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当来子数据源的全部有效数据读取完毕时触发的事?/td>
onErrorUpdate HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当用onBeforeUpdate事g触发取消了数据传送时Q代替onAfterUpdate事g
onRowEnter HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当前数据源的数据发生变化q且有新的有效数据时触发的事?/td>
onRowExit HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当前数据源的数据要发生变化时触发的事g
onRowsDelete HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当前数据记录被删除时触发的事g
onRowsInserted HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当前数据源将要插入新数据记录时触发的事g
外部事g
事g 览器支?/font> 描述
onAfterPrint HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当文档被打印后触发的事g
onBeforePrint HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当文档即打印时触发的事?/td>
onFilterChange HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当某个对象的滤镜效果发生变化时触发的事g
onHelp HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当浏览者按下F1或者浏览器的帮助选择时触发的事g
onPropertyChange HTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当对象的属性之一发生变化时触发的事g
onReadyStateChange HTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当对象的初始化属性值发生变化时触发的事?/td>


CONAN 2008-06-20 22:52 发表评论
]]>
表格Ҏ探秘table[转蝲]http://www.aygfsteel.com/conans/articles/209565.htmlCONANCONANFri, 20 Jun 2008 14:47:00 GMThttp://www.aygfsteel.com/conans/articles/209565.html 一、表g单元g间分隔线的隐藏方?/strong>
W?/td> ?/td>
W?/td> ?/td> ?/td>
W?/td> ?/td> ?/td>
q个表格L了单元格之间的纵向分隔线

W?/td> W?/td> W?/td>
?/td> ?/td>
?/td> ?/td> ?/td>

q个表格L了单元格之间的横向分隔线
?/td>   U?/td>
?/td>   U?/td>
?/td> ?/td> ?/td>
q个表格L了单元格之间的纵向分隔线和横向分隔线

  其实上面的三个表格都有三行三列,隐藏分隔U的诀H在于rulesQ察看这三个表格的源代码Q我们可以看?lt;TABLE>标签中都有rules?它有三个参数(cols,rows,none)Q当rules=colsӞ表格会隐藏纵向的分隔U,q样我们只能看到表格的行;当rules=rowsӞ?隐藏了横向的分隔U,q样我们只能看到表格的列Q而当rules=noneӞU向分隔U和横向分隔U将全部隐藏?/td>



二、表D框的隐藏
?/td> ?/td>
?/td> ?/td>
q是一普通的表格

不?/td> 下雨
   

只显CZҎ
   
下v雨来 该怎么?/td>
只显CZҎ

上不着?/td>  
  下不着?/td>

只显C左、右Ҏ
  两边走开
老子姓王  
只显CZ、下Ҏ

左右  
为难  

只显C左Ҏ
  左右
  为难
只显C右Ҏ

光秃U?/td>  
  全脱?/td>
不显CZQ何边?/td>

表格Ҏ的显CZ隐藏Q是可以用frame参数来控制的。请注意它只控制表格的边框图Q而不影晌单元根{?br /> 只显CZҎ <table frame=above>
只显CZҎ <table frame=below>
只显C左、右Ҏ <table frame=vsides>
只显CZ、下Ҏ <table frame=hsides>
只显C左Ҏ <table frame=lhs>
只显C右Ҏ <table frame=rhs>
不显CZQ何边?<table frame=void>

 

三、表D?/strong>
?/td> ?/td>
?/td> ?/td>
q是一普通的表格
<table border="1" width="200" cellpadding="0" cellspacing="0"> <tr align="center">   <td>?lt;/td> <td>?lt;/td> </tr> <tr align="center">   <td>?lt;/td> <td>?lt;/td> </tr> </table>  
l?/td> ?/td>
U?/td> ?/td>
表格加上了漂亮的l线
(利用cellspacing1像素间隙和表g单元D景的不同)
<table border="0" width="200" cellspacing="1" cellpadding="0" bgcolor="#000000" > <tr align="center" bgcolor="#FFFFFF">   <td bgcolor="#FFFFFF">l?lt;/td> <td bgcolor="#FFFFFF">?lt;/td> </tr> <tr align="center" bgcolor="#FFFFFF">   <td bgcolor="#FFFFFF">U?lt;/td> <td bgcolor="#FFFFFF">?lt;/td> </tr> </table>  
l?/td> ?/td>
U?/td> ?/td>
q和上面那个可不一P它用的是CSSQ效果却一栗?br /> (对单元格border的定?
<table width="200" cellspacing="0" cellpadding="0"> <tr align="center">   <td style="BORDER-top: rgb(0,0,0) 1px groove; BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-left: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove">l?lt;/td> <td style="BORDER-top: rgb(0,0,0) 1px groove; BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove">?lt;/td> </tr> <tr align="center">   <td style="BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-left: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove">U?lt;/td> <td style="BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove">?lt;/td> </tr> </table>  
l?/td> ?/td>
U?/td> ?/td>
再进一步,把边框变成虚U,同样是CSS的神奇作用?/td>
<table width="200" cellspacing="0" cellpadding="0"> <tr align="center">   <td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">l?lt;/td> <td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">?lt;/td> </tr> <td style="BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">U?lt;/td> <td style="BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">?lt;/td> </tr> </table>  
 
 
 
 
l线表格的扩展应用,奥妙是在第个单元格中再套入一个表根{?/td>
<table width="200" border="0" cellspacing="2" cellpadding="0"> <tr>   <td>     <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000">    <tr>     <td bgcolor="#FFFFFF"> </td>    </tr>    </table> </td> <td>      <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000">     <tr>      <td bgcolor="#FFFFFF"> </td>     </tr>     </table> </td> </tr> <tr>   <td>       <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000">      <tr>       <td bgcolor="#FFFFFF"> </td>      </tr>      </table> </td> <td>       <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000">      <tr>       <td bgcolor="#FFFFFF"> </td>      </tr>      </table> </td> </tr> </table>  
?/td> ?/td>
?/td> ?/td>
立体感的表格
(单的亮暗Ҏ讄Q注意只有IE支持q种效果)
<table border="1" bordercolorlight="#ffffff" bordercolordark="#ffffff" width="200" cellpadding="0" cellspacing="0"> <tr align="center">   <td bgcolor="#B7B7B7"   bordercolorlight="#000000" bordercolordark="#eeeeee" >?lt;/td> <td bgcolor="#B7B7B7"   bordercolorlight="#000000" bordercolordark="#eeeeee" >?lt;/td> </tr> <tr align="center">   <td bgcolor="#B7B7B7"   bordercolorlight="#000000" bordercolordark="#eeeeee" >?lt;/td> <td bgcolor="#B7B7B7"   bordercolorlight="#000000" bordercolordark="#eeeeee" >?lt;/td> </tr> </table>  
无名表格

 

l表格加上一个表?br /> (应用<fieldset>?lt;/legend>标签)
<table width="200" cellpadding="0" cellspacing="0"> <tr>   <td><fieldset style="width:200" align="center"> <legend> 无名表格 </legend>   <p align="right">   </fieldset></td> </tr> </table>  
表中表效果Ⅰ
l表头再加个?br /> (用CSS?lt;legnd>定义一个边?
<table width="200"" cellspacing="0" cellpadding="0"> <tr>   <td> <fieldset style="width: 200; color: #B7B7B7; border-style: groove" align="center">   <legend style="color: blue; border: 1 solid #000000"> 表中表效果Ⅰ</legend>   <br> </fieldset> </td> </tr> </table>  
表中表效果Ⅱ

看v来和上面的一P可是q个才是真正的表中表哦?br /> (?lt;legnd>中插入一个表?
<table width="200"> <tr>   <td><fieldset style="width:200" align="center"> <legend>   <table style="border: 1 solid #000000" width="80" cellspacing="1" cellpadding="0" height="20"> <tr>   <td><font color=blue>表中表效果Ⅱ</font></td> </tr> </table> </legend><br> </fieldset> </td> </tr> </table>  



CONAN 2008-06-20 22:47 发表评论
]]>
վ֩ģ壺 ʡ| ǭ| | | | ʡ| | | | ƾ| IJ| Ρɽ| º| | ¡| | | | | ߴ| ƽ| | | | ʯ| | ˮ| ˫| ʯ¥| Զ| | | Ұ| | ͤ| | ȫ| | ʯ| | |