发现了IE9里的一个bug
来源:广州中睿信息技术有限公司官网
发布时间:2012/10/21 23:25:16 编辑:admin 阅读 295
textarea元素在IE9里的一个情形下会出现问题,这个问题在IE9之前的版本和其他的浏览器里都不存在。这个本不该出现的&ldquo特性&rdquo,或许是IE9的一个bug。下边详细说明之。大家

textarea元素在IE9里的一个情形下会出现问题,这个问题在IE9之前的版本和其他的浏览器里都不存在。这个本不该出现的“特性”,或许是IE9的一个bug。下边详细说明之。

大家在各个浏览器里测试下边的简单代码便可发现这个问题

<!DOCTYPE HTML>
<html>
<head>
<title></title>
</head>
<body>
<textarea id="t" rows="6"></textarea>
<script>
var t = document.getElementById("t");
t.innerHTML = "<p style='color:red'>aaaa</p>"; // 只能在IE9中被解析,其他浏览器不解析
/*
下边是我自己测试的结论:
textarea表示文本区域,本应该把它里边的各种文字、标签等显示成纯文本的形式。
直接把诸如
<p style='color:red'>aa</p>的html形式标签放到textarea里,在IE9及其他浏览器里都会把P标签显示出来,
这个应该是正确的解析,没什么问题。
但是,把
<p style='color:red'>aa</p>
通过JS的innerHTML向textarea里插入,就能(只能)被IE9解析成红色的aa,把p标签当成html标签解析,
p被过滤掉了(注意,<!DOCTYPE>的文档声明必须要加上,不加的话,IE9就不会解析p标签了)。
当然,textarea里一般不应该用innerHTML方法插入内容。

*/
</script>
</body>
</html>

 

联系我们CONTACT 扫一扫
愿景:成为最专业的软件研发服务领航者
中睿信息技术有限公司 广州•深圳 Tel:020-38931912 务实 Pragmatic
广州:广州市天河区翰景路1号金星大厦18层中睿信息 Fax:020-38931912 专业 Professional
深圳:深圳市福田区车公庙有色金属大厦509~510 Tel:0755-25855012 诚信 Integrity
所有权声明:PMI, PMP, Project Management Professional, PMI-ACP, PMI-PBA和PMBOK是项目管理协会(Project Management Institute, Inc.)的注册标志。
版权所有:广州中睿信息技术有限公司 粤ICP备13082838号-2