﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-ol_soft-随笔分类-HTML</title><link>http://www.blogjava.net/ol-l/category/39142.html</link><description>会笑的人总会吧笑留在最后，就像春雷总是走在闪电之后，却一鸣惊人！</description><language>zh-cn</language><lastBuildDate>Mon, 20 Apr 2009 15:51:49 GMT</lastBuildDate><pubDate>Mon, 20 Apr 2009 15:51:49 GMT</pubDate><ttl>60</ttl><item><title>IE，Firefox，Chrome web开发小细节：程序员请注意</title><link>http://www.blogjava.net/ol-l/archive/2009/04/20/266628.html</link><dc:creator>ol_soft</dc:creator><author>ol_soft</author><pubDate>Mon, 20 Apr 2009 15:33:00 GMT</pubDate><guid>http://www.blogjava.net/ol-l/archive/2009/04/20/266628.html</guid><wfw:comment>http://www.blogjava.net/ol-l/comments/266628.html</wfw:comment><comments>http://www.blogjava.net/ol-l/archive/2009/04/20/266628.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/ol-l/comments/commentRss/266628.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/ol-l/services/trackbacks/266628.html</trackback:ping><description><![CDATA[<span style="font-family: verdana; font-size: 12px; line-height: 18px; ">
<p style="margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-indent: 2em; line-height: 22px; font-size: 14px; "><font size="2">随着宽带网络的普及，WEB应用的不断发展，浏览器越来越受到重视。不论时占据绝大多数市场的IE，插件功能强大的Firefox，还是最新发布的Chrome他们都有许多不兼容问题。</font></p>
<p style="margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-indent: 2em; line-height: 22px; font-size: 14px; "><font size="2">最近在一个WEB项目的时候突然发现一个小的细节问题：</font></p>
<p style="margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-indent: 2em; line-height: 22px; font-size: 14px; "><font size="2">Jsp页面一个按钮，要求点击之后跳转到另一个界面我是用html标签做的（当然用JavaScript也是可以的）</font></p>
<p style="margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-indent: 2em; line-height: 22px; font-size: 14px; "><font size="2">代码：</font></p>
<blockquote class="webkit-indent-blockquote" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 40px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><span style="color: #ff0000; font-size: 13px; ">&lt;a href=&#8221;http://www.blogjava.net/ol-l&#8221;>&lt;button>跳转&lt;/button>&lt;/a></span><br />
</blockquote>
<p dir="ltr" style="margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-indent: 2em; line-height: 22px; font-size: 14px; "><font size="2">结果发现在IE6，IE7中，点击这个按钮没有反映，而在Firefox和Chrome中却可以正常跳转。</font></p>
<p dir="ltr" style="margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-indent: 2em; line-height: 22px; font-size: 14px; "><font size="2">然后我又测试了另一个标签</font></p>
<p dir="ltr" style="margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-indent: 2em; line-height: 22px; font-size: 14px; "><font size="2">代码：</font></p>
<blockquote>
<p dir="ltr" style="margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-indent: 2em; line-height: 22px; font-size: 14px; "><font color="#ff0000" size="2"><span style="color: #000000; font-family: Arial; "><font color="#ff0000" size="2">&lt;a href=&#8221;http://www.blogjava.net/ol-l&#8221;>&lt;input type=&#8221;button" value=&#8221;跳转"&#160;/>&lt;/a></font><br />
</span></font></p>
</blockquote>
<p dir="ltr" style="margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-indent: 2em; line-height: 22px; font-size: 14px; "><font size="2">结果和上面的一样。</font></p>
<p dir="ltr" style="margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-indent: 2em; line-height: 22px; font-size: 14px; "><font size="2">大家在以后WEB应用要注意啊。要采用要是在这两个按钮上加onclick事件，还是可以的。</font></p>
<p dir="ltr" style="margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-indent: 2em; line-height: 22px; font-size: 14px; "><font size="2">还有一个发现，就是Google的Chrome对于JavaScript支持的不是很好，不能正常运行，对以JavaScript和css组合的拖动层页不能很好的支持，大家以后使用要慎用啊。</font></p>
</span>
<img src ="http://www.blogjava.net/ol-l/aggbug/266628.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/ol-l/" target="_blank">ol_soft</a> 2009-04-20 23:33 <a href="http://www.blogjava.net/ol-l/archive/2009/04/20/266628.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>