cnblogs/dcrenl/一段能瞬间秒杀所有版本IE的简单HTML代码.html
2024-09-24 12:43:01 +08:00

39 lines
4.5 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div id="sina_keyword_ad_area2" class="articalContent ">
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding: 0px;"><span style="font-family: Verdana;">许多人都<a style="color: #003366; text-decoration: none; padding: 0px; margin: 0px;" href="http://www.howtogeek.com/howto/32372/htg-explains-why-do-so-many-geeks-hate-internet-explorer/" target="_blank">非常讨厌InternetExplorer</a>,在西方万圣节即将到来之际,让我们来看一个真正吓人的东西&mdash;&mdash;如何用一段简单的HTML和CSS将任何版本的IE搞死。我们只需要简单地打开任意文本编辑器将下面的代码复制进去然后保存文件例如SomeFilename.html。</span></p>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding: 0px;"> &lt;html&gt;&lt;head&gt;<br style="padding: 0px; margin: 0px;" />
&lt;style type="text/css"&gt;<br style="padding: 0px; margin: 0px;" />
#a {<br style="padding: 0px; margin: 0px;" />
margin:0 10px 10px;<br style="padding: 0px; margin: 0px;" />
}<br style="padding: 0px; margin: 0px;" />
<br style="padding: 0px; margin: 0px;" />
#b {<br style="padding: 0px; margin: 0px;" />
width:100%;<br style="padding: 0px; margin: 0px;" />
}<br style="padding: 0px; margin: 0px;" />
<br style="padding: 0px; margin: 0px;" />
&lt;/style&gt;<br style="padding: 0px; margin: 0px;" />
&lt;title&gt;IECrasher&lt;/title&gt;<br style="padding: 0px; margin: 0px;" />
&lt;/head&gt;<br style="padding: 0px; margin: 0px;" />
&lt;body&gt;<br style="padding: 0px; margin: 0px;" />
&lt;table&gt;&lt;tr&gt;&lt;td&gt;<br style="padding: 0px; margin: 0px;" />
&lt;div id="a"&gt;<br style="padding: 0px; margin: 0px;" />
&lt;form id="b"&gt;<br style="padding: 0px; margin: 0px;" />
&lt;input type="text"name="test"/&gt;<br style="padding: 0px; margin: 0px;" />
&lt;/div&gt;<br style="padding: 0px; margin: 0px;" />
&lt;/td&gt;&lt;tdwidth="1"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;<br style="padding: 0px; margin: 0px;" />
&lt;/body&gt;&lt;/html&gt;&nbsp;<br style="padding: 0px; margin: 0px;" />
然后用Internet Explorer打开它&mdash;&mdash;哈哈!它很惨地死给你看了。<br style="padding: 0px; margin: 0px;" />
<br style="padding: 0px; margin: 0px;" />
<img style="border-style: initial; border-color: initial; border-width: 0px; padding: 0px; margin: 0px;" title="IE Crash" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" alt="IE Crash" width="580" height="328" /><br style="padding: 0px; margin: 0px;" />
<br style="padding: 0px; margin: 0px;" />
这个bug几乎存在于现在流行的所有IE版本从IE6到刚刚发布的Internet Explorer9的第6个平台预览版。在IE6中该页面往往显示为空白但是整个窗口都无法交互。在IE8中崩溃来得很彻底。而IE9Beta增强了坚固性经过我的实测这个页面又是会导致整个进程无响应而有时IE9会提示你网页存在的问题但是这都无法避免崩溃的现实。<br style="padding: 0px; margin: 0px;" />
<br style="padding: 0px; margin: 0px;" />
<img style="border-style: initial; border-color: initial; border-width: 0px; padding: 0px; margin: 0px;" title="IE9 crash" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" alt="" height="328" /><br style="padding: 0px; margin: 0px;" />
<br style="padding: 0px; margin: 0px;" />
事实上,<a style="color: #003366; text-decoration: none; padding: 0px; margin: 0px;" href="http://groups.google.com/group/microsoft.public.internetexplorer.general/browse_frm/thread/80a2645dc598a4b2?pli=1" target="_blank">很早就有人</a>发现过这个问题了,而且还有一个专门的网站(<a style="color: #003366; text-decoration: none; padding: 0px; margin: 0px;" href="http://crashie8.com/" target="_blank">http://crashie8.com/</a>请谨慎传播此链接。除了IE以外的浏览器打开那个页面都不会有任何问题但是IE却莫名其妙地崩溃。<br style="padding: 0px; margin: 0px;" />
<br style="padding: 0px; margin: 0px;" />
当然如果你细心的话会发现上面的HTML代码中&lt;form&gt;标签没有闭合。我们需要在&lt;input&gt;标签后使用&lt;/form&gt;闭合标签才能让这段代码符合规范。规范的代码就不会让IE崩溃了这样看来似乎并不是IE的错。<br style="padding: 0px; margin: 0px;" />
<br style="padding: 0px; margin: 0px;" />
但是,<span style="padding: 0px; margin: 0px;">当其他浏览器都能有很高的容错性时IE没有甚至到了IE9还是没有这就是IE的悲剧了。</span></p>
</div>
<p>&nbsp;</p>