首先对于IE6该死的问题不做讨论了,一句话“客户要用”就无需多讲了。
IE6的CSS兼容性主要是美工头痛的事,不做深入。
通常的CSS兼容IE的大杀器就是使用条件注释
<style type="text/css">
.ie6-down {
display: none;
}
</style>
<!--[if IE 6]>
<style type="text/css">
.ie6-down {
display:block;
margin-left: -45px;
margin-top: 15px;
font-size: 14px;
color: gray;
}
</style>
<![endif]-->
两个style标签,第一个定义的样式是让元素不可见,第二个定义的样式是对IE6生效在IE6下可见。
还是回到Javascript兼容性问题点的记录,先记一部分,全面遇到再加吧。
这些问题解决之后看起来都比较简单,但解决的过程注定十分痛苦,记录一下留个纪念。
1.iframe[name]
在IE6中动态创建iframe时,其name属性务必写在标签中,否则不生效。
var iframe = $("<iframe name='my_iframe' frameborder='0' style='width:100%; height:100%; border:0; display:block'/>")[0];
iframe.src = settings.href;
只有这样写IE6才能够识别form/a的target='my_iframe'
如果你是按下面的写法创建的iframe,那么就悲剧了。
var iframe=$("<iframe>");
iframe.name='my_frame';
2.checkbox/radio[checked]
在IE6动态创建checkbox/radio时,其checked属性务必写在标签中,否则不生效
var checked="";
if (elem.val() == "1") {
checked='checked="checked"';//just because fuck ie6
}
var targetElem = $('<label><input type="checkbox" name="param_value" '+checked+' value="1" />自动数据同步</label>');
如果写法如下,那么在IE6上是悲剧的
var targetElem = $('<label><input type="checkbox" name="param_value" value="1" />自动数据同步</label>');
targetElem.find("input").attr('checked','checked');
3.form[class]
在IE6/7中,如果form中有一个域的名字叫做className那么悲剧了,form.classXxx将无法正确执行。
原代码示例:
<form id="dataEditor1" action="Controller"
service="ConfigService.updateAdapter" nextstep="close" class="DataEditor">
<div>
<label>
<span>账单类型:</span>
<input type="text" name="billType" value="${ param.bill_type}"
validates="{required:true,messages:{required:'此参数不允许为空!'}}" />
</label>
</div>
<div>
<label>
<span>适配器名称:</span>
<input type="text" name="name" value="${ param.bill_name}"
validates="{required:true,messages:{required:'此参数不允许为空!'}}" />
</label>
</div>
<div>
<label>
<span>适配器实现类:</span>
<input type="text" name="className"
value="${ param.adapter_class}"
validates="{required:true,messages:{required:'此参数不允许为空!'}}" />
</label>
</div>
<input type="hidden" name="action_type"
value="${ param.action_type}" />
<input type="submit" name="submit" value="提交" class="spq_input" disabled="disabled" />
<input type="reset" name="reset" value="重置" />
</form>
注意“适配器实现类”的input,它的name="className"。
使用js取值
var form=$("form.DataEditor");
alert("forms:"+form.length);//结果为0
alert($("form")[0].className);//结果为[Object object]
这个悲剧是因为IE中支持按照表单名和表单域名进行索引,例如dataEditor1.billType。幸好在IE8+已经修复此问题了。
4.待续
分享到:
相关推荐
在探讨IE6、IE7、IE8对CSS和JavaScript支持的差异时,我们可以发现一系列显著的兼容性问题和解析规则的变化。以下是对这些差异的详细分析: 1. **JavaScript性能和垃圾收集**: - 在IE6中,JScript引擎在处理大量...
ie不执行javascript修复ie不执行javascript修复ie不执行javascript修复 当IE不能正常运行时,打开该工具就可以了,自动修复
JavaScript是Web开发中不可或缺的一部分,而作为曾经主流的浏览器,Internet Explorer(IE)提供了自己的JavaScript调试工具,使得开发者能够有效地追踪和解决代码中的问题。在IE的JavaScript调试工具中,有多个关键...
**知识点3:为什么在win8上使用IE6** Windows 8默认搭载的是Internet Explorer 10,一个现代化的浏览器,对现代Web标准有良好的支持。然而,有些企业或开发者可能因为特定项目或客户需求,需要在Windows 8环境下测试...
只有一个文件名"ie6sp1forwindows2000",这通常意味着压缩包包含的是一个完整的安装程序或ISO映像,用户可以用来在Windows 2000系统上安装或更新IE6到SP1版本。安装这个服务包将确保用户的系统拥有最新的安全更新和...
这款软件允许开发者和网站管理员在一台计算机上同时运行并测试IE5.5到IE9等多个版本的浏览器,确保他们的网页在这些老版本的IE上能正常显示和运行。 【描述】"ieTest ie6 ie7 ie8 ie9 ie5.5"的描述虽然简洁,但它...
解决这一兼容性问题,涉及到几个关键点:IE8对某些DOM属性支持的差异、HTML元素事件属性的兼容性以及代码执行方式。 IE8不支持`setAttribute`方法来设置事件处理器是产生兼容性问题的核心原因。在标准模式下,IE8及...
关于IE6测试工具的使用,开发者通常会遇到以下几点重要知识点: 1. **兼容性测试**:由于IE6的渲染引擎和现代浏览器有很大差异,开发者需要确保网站的基本功能、布局和样式在IE6下都能正常工作。这包括CSS布局、...
【IE6升级到IE9兼容性问题和操作手册】 在互联网技术不断发展的今天,老旧的浏览器版本如IE6已经无法满足现代网页的需求。因此,升级到更现代的版本,如IE9,是必要的。然而,这个升级过程并非一帆风顺,会涉及到...
1. **IE6 调试挑战**:由于 IE6 对CSS、JavaScript、DOM等现代Web技术的支持有限,开发人员需要专门的工具来识别和修复在该浏览器上的错误。 2. **DebugBar 功能**:DebugBar 提供了包括HTML查看器、CSS编辑器、...
"数字微调input兼容IE6"这个主题涉及到的是如何在古老的Internet Explorer 6(简称IE6)浏览器上实现一个数字输入框(通常称为spinner或numeric stepper)的功能。数字微调input允许用户通过加减按钮或键盘上下箭头...
### JavaScript 图片完全固定在左右两边,兼容IE6的知识点 #### 一、问题背景与需求分析 在早期的浏览器版本中,特别是 Internet Explorer 6 (IE6),很多 CSS 特性并不支持或者存在兼容性问题。其中,“position: ...
"高度仿真IE6"的测试工具涵盖了IE6的主要特性和行为,包括但不限于CSS渲染、JavaScript支持、DOM操作、ActiveX控件等。这些特性在现代浏览器中可能已经过时或被替代,但在IE6中仍然是核心部分。通过这个工具,开发者...
这些工具帮助开发者解决在IE6上遇到的布局、JavaScript和CSS问题,以便于网站在旧版浏览器上的正常运行。 在没有现代开发者工具的时代,调试IE6中的代码是一项艰巨的任务。传统的F12开发者工具并未包含在IE6中,...
对于IE6这类较老版本的浏览器,通过JavaScript可以有效地识别并给出提示。主要通过以下几种方式实现: 1. **User Agent检测**:通过读取浏览器发送给服务器的`navigator.userAgent`属性来判断。 2. **Conditional ...
2. **兼容性问题**:随着Web开发技术的更新换代,很多新的HTML、CSS和JavaScript特性在IE6上无法正常工作,导致网页显示不全或者功能缺失。 3. **安全性问题**:IE6存在多个已知的安全漏洞,容易被黑客利用进行恶意...
**IEdom查看JavaScript工具详解** 在Web开发领域,DOM(Document Object Model)是HTML和XML文档的标准表示,它提供了一种结构化的表示方式,使开发者可以方便地通过JavaScript或其他编程语言来操作网页元素。"IE...
学习html Css和Javascript的记录学习html Css和Javascript的记录 学习html Css和Javascript的记录学习html Css和Javascript的记录 学习html Css和Javascript的记录学习html Css和Javascript的记录 学习html Css和...
在JavaScript中,我们可以通过监听滚动事件,当用户滚动到某个点时,改变元素的定位属性(如`position: fixed`),使其保持在屏幕顶部。 实现JavaScript瀑布流兼容IE、Firefox和Chrome的方法包括: 1. 使用条件...
这个技术主要通过JavaScript库如`DD_belatedPNG_0.0.8a-min.js`来实现,它能让IE6支持PNG8格式的透明图片,从而使得网页在旧版IE浏览器上的显示效果与现代浏览器更加一致。 `DD_belatedPNG`是一个广泛使用的...