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重叠。