摘要：如下 jack div[id=user]中的文本"jack"前有两个英文空格，各浏览器下结果如下IE6/7/8 : 弹出4，即忽略了空格IE9/Firefox/Safari/Chrome/Opera : 弹出6，即没有忽略空格另换成中文空格不会有这个问题。以下是Gray Zhang的补充：1、IE6-8下，对于一个元素的firstChild，如果其为TextNode，且nodeValue前n个字符为空格字符（包括空格、\t、\n、\r和一个分页符号U+000C），则这n个字符被忽略2、在IE6-8下，对一个元素的lastChild，如果其为TextNode，且nodeVal
阅读全文
摘要：重现很简单，如下<!DOCTYPE html><html><head><style> * {margin:0;}</style></head><body style="padding:50px;"> <div style="border:1px solid gold;width:400px;padding:10px 0;"> <table width="100" bgcolor="red" align="
阅读全文
摘要：如下<!DOCTYPE HTML><html><head><title>IE6/7/8中Option元素未设value时Select将获取空字符串</title></head><body> <select onchange="alert(this.value)"> <option>one</option> <option>two</option> <option>three</option> </sel
阅读全文
摘要：新版邮箱项目中做页签功能时碰到的。table元素的 cellpadding 和 cellspacing 属性意义不提了。它们也有对应的css解决方案。如下table { border-collapse:collapse; border-spacing:0;}th,td { padding: 0;}JS操作这两个属性有两种方式。方式1，直接点操作table.cellSpacing = 10;table.cellPadding = 10;注意cellSpacing和cellPadding中间的 S 和 P 都要是大写的。方式2，setAttributetable.setAttribute('
阅读全文
摘要：IE6/7/8/9中Table/Select的innerHTML赋值会报错，如下<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>IE6/7/8/9中TABLE的innerHTML不能赋值</title></head><body><script type="text/javascript"> try{ var table = document.createElement('t
阅读全文
摘要：如下<!DOCTYPE HTML><HTML> <HEAD> <meta charset="utf-8"> <title>IE6/7 and IE8(Q) 中td的上下padding失效</title> <style> table { border:1px solid #555; } td { background:#CCC; padding:40px;} </style> </HEAD> <BODY> <table cellpadding=&quo
阅读全文
摘要：这是 菜菜 刚刚发现的<!DOCTYPE html><html style="background:red"> <head> <meta charset="utf-8"> <title>给body标签和document.body都添加点击事件后仅Firefox之弹出了两次</title> </head> <body onclick="alert(1)" style="background:yellow;"> <p&
阅读全文
摘要：最近记录了各种各样的标识符 “同名” 现象，有 Javascript中同名标识符优先级 和 有name为action的表单元素时取form的属性action杯具了 。最近又碰到一个，后台同事返回了如下的JSON结构：{default:{name:'jack'}}在IE6/7/8中出错了，调试了很久才...
阅读全文
摘要：disabled属性只应用在以下元素BUTTON, INPUT, OPTGROUP, OPTION, SELECT, TEXTAREA见 HTML 4.01 的 属性表 多数时候我们会遵循标准，不再其它元素上使用该属性。但部分人没有注意disabled的应用规则，误认为所有元素都可以使用该属性。并且在IE浏览器上生效，得到了证明。比如：<label disabled="disabled">启用</label><p disabled="disabled">段落</p><a href="http
阅读全文
摘要：如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>有name为action的表单元素时取form的属性action杯具了</title> </head> <body> <form name="mform" action="http://xxx"> <input type="radio" name="action"
阅读全文
摘要：querySelector和querySelectorAll是W3C提供的 新的查询接口module dom { [Supplemental, NoInterfaceObject] interface NodeSelector { Element querySelector(in DOMString selectors); NodeList querySelectorAll(in DOMString selectors); }; Document implements NodeSelector; DocumentFragment implements NodeSel...
阅读全文
摘要：这两个属性首先是IE4提出且实现的，它可以实现在一个 DOM 元素的前面、后面、第一个子元素前面、最后一个子元素后面四个位置，插入指定的 HTML 片段。 其它浏览器相继支持。唯有Firefox不支持，甚至新发布的FF4。insertAdjacentHTML已被HTML5采纳。如下扩展HTMLElement.prototype，为其增加这两个属性。if(HTMLElement.prototype.insertAdjacentHTML == undefined) { HTMLElement.prototype.insertAdjacentElement = function(where, ...
阅读全文
摘要：如下代码<!DOCTYPE HTML><html> <head> <meta charset="gbk" /> <title>IE6/7/8中innerHTML "Bug"</title> </head> <body> <div id="d"> <div id="d2">d2 text</div> </div> <script> var d2 = documen
阅读全文
摘要：做邮箱首页时碰到的，如下<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>IE6/7下form元素默认样式导致的bug</title></head><body style="padding:0 400px;"> <div style="height:20px;border:1px solid gray;"></div><div style="
阅读全文
摘要：每个函数都有个apply方法，该方法有两个作用：改变函数的执行上下文（第一个参数非null，undefined）执行/调用该函数apply方法第二个参数一般认为被实现为数组，见经典的《javascript权威指南-第五版》中章节8.6.4，145页:"apply()方法和call()方法相似，只不过...
阅读全文
摘要：1、IE6/7/8/9中无事件(如click,mouseover)，Firefox/Safari/Chrome/Opera则有示例：2、点击option，通过srcElement获取事件源目标在IE中是select，Firefox/Safari/Chrome/Opera则是option 示例：3、IE6下给option元素添加title属性实现tips功能无效示例：4、IE6中option无法完全显示当我们给select指定宽度，但option的内容有时比较多，这时其它浏览器的option会根据内容自适应宽度，以让option内容能完整显示。但IE6则不行，option内容显示不完全。如下代码
阅读全文
摘要：1，IE6/7/8中typeof运算符对BOM对象如window，document，location，history等对象的方法返回“object”，标准浏览器都返回“function”。alert(typeof window.alert); // objectalert(typeof document.write); // objectalert(typeof document.getElementById); // objectalert(typeof document.getElementsByTagName); // objectalert(typeof location.reload
阅读全文
摘要：Chrome中也有不少 Bug ，但更新修复速度极快。下面又发现一个有趣的现象函数实参与形参发生了关联。function func(x,y){ //alert(x); arguments[1] = 5; alert(y); // --> 5} func(3);IE6/7/8/9，Firefox，Safari， Opera中 y 弹出为undefined，Chrome 则为5。函数func定义了形参x,y；调用时实参为3。func内部修改了实参arguments[1]，非Chrome浏览器中形参y不会与arguments[1]关联，即为undefined。Chrome则相反，修改argum
阅读全文
摘要：document.write/writeln在几年前的代码中见的比较多，多数情况下各浏览器表现一致。<!DOCTYPE html><html><head></head><body> <script> document.write('<div id="wraper"></div>'); var obj = document.getElementById('wraper'); alert(obj); </script></body&g
阅读全文
摘要：一，结尾没有分号如下<div style="color:red;">TEST</div><script> var div = document.getElementsByTagName('div'); alert(div[0].style.cssText);</script>各浏览器输出如下IE6/7/8 :IE9/Firefox/Chrome/Safari/Opera :可以看到IE6/7/8中少了分号。二，属性名（color）是大写的，见上图三，复合属性全部展开如下<div style="b
阅读全文
