2012.06.01近期项目总结

表单控件在IE6下始终处于Z-INDEX最高,需要用一个空白iframe将其覆盖。

IE的盒模型宽(高)度 = width(height)

w3c标准盒模型宽(高)度 = width(height) + padding

IE中AJAX 如果用get方式发送请求 URL后跟的值必须经过encodeURIComponent转码,否则在IE下可能导致AJAX无效(理论上只要是通过GET方式传送的数据都应该使用encodeURIComponent)。

要取textarea中的值 若使用innerHTML只能取到初始值。当textarea中的值改变之后用innerHTML就取不到现在的值,需要用value。

当文件使用 utf-8+BOM 编码时,文件开头会自带一个空白符。这会导致DOCTYPE申明无法被解析,需要将文件保存为 utf-8 无BOM编码。

在IE6下 a 标签设置 href="javascript:void(0)" onclick 事件将不能触发。有两种解决方法:

<a style="cursor:pointer" onclick="alert('d')"></a> 直接不设置href

<a href="javascript:void(0)" onclick="alert('d');return false"></a> 通过return false阻止触发a标签的默认事件

IE下操作粘贴板:

获取粘贴板内容 window.clipboardData.getData("Text")

设置粘贴板内容 window.clipboardData.setData("Text",要复制的内容)

判断IE6最简短的代码

!-[1,]&&!window.XMLHttpRequest

!-[1,]利用了IE与标准浏览器在处理数组的toString方法的差异来判断是否为IE浏览器(PS:只能判断IE6,7,8),!window.XMLHttpRequest则排出掉IE7及以上版本。

水平margin不重叠,浮动元素上下margin不重叠,常规折行上下margin重叠。