摘要：IE下有上下滚动条。其它浏览器没有。先看一个示例<!DOCTYPE HTML><HTML> <HEAD> <meta charset="utf-8" /> <title>textarea</title> </HEAD> <BODY> <textarea></textarea> </BODY></HTML>textarea没有任何样式，IE6/7/8/9/10下如下圈住部分可以看到出现了上下滚动条。其它浏览器则没有。在看看overfl
阅读全文
摘要：我们知道获取元素的实际宽高在IE中可以使用currentStyle属性。但如果没有显示的去设置元素的宽高，那么使用该属性将获取不到，获取的值为auto。如下abcd IE6/7/8/9中输出的都是auto。如果显示的设置了宽高，那么输出的就是实际宽高。如下1，通过内联style属性设置abcd ...
阅读全文
摘要：如下 IE6/7 ：依次返回 false/trueIE8 ：依次返回 空字符串/checkedIE9/10/Firefox/Safari/Chrome/Opera ：依次返回 null/空字符串input[type=radio]的情况同上，类似的布尔属性还有：autofocus|autoplay|a...
阅读全文
摘要：IE6/7中不能通过setAttribute设置元素的style属性，也不能通过getAttribute获取元素的style属性值。它获取的是一个style对象。如下<div style="color:blue">div test</div><script type="text/javascript"> var div1 = document.getElementsByTagName('div')[0]; // 获取style属性值 var val = div1.getAttribute('st
阅读全文
摘要：如下<a href="/abc/index.html">home</a><img src="http://images.cnblogs.com/img.png"><script> var link = document.getElementsByTagName('a')[0]; var img = document.getElementsByTagName('img')[0]; alert(link.getAttribute('href')); alert(i
阅读全文
摘要：如设置class属性el.setAttribute('class', 'abc');在IE6/7中样式“abc”将没有起作用，虽然使用el.getAttribute('class')能取到值“abc”。又如for属性<label>姓名：</label><input type="checkbox" id="name"/><script> var lab = document.getElementsByTagName('label')[0]; la
阅读全文
摘要：列举所有的方式，看看各浏览器的支持差异。一、el.setAttribute('class','abc');<!DOCTYPE HTML><HTML> <HEAD> <meta charset="utf-8" /> <title>setAttribute('class', 'abc')</title> <style type="text/css"> .abc { background: red; } </
阅读全文
摘要：click方法可以用来模拟用户点击。有的浏览器中所有元素都具有click方法，有的浏览器则没有。如下IE6/7/8/9/Opera12/Firefox5/Chrome21Safari5INPUT[type=text]INPUT[type=password]INPUT[type=radio]INPUT[type=checkbox]INPUT[type=button]INPUT[type=submit]INPUT[type=image]INPUT[type=hidden]INPUT[type=reset]INPUT[type=submit]INPUT[type=file]1BUTTON[type=
阅读全文
摘要：偶然发现之前写的事件模块在Firefox5中无法触发A的默认行为了。IE/Opera/Firefox5中A具有click方法，因此模拟点击直接调用click方法即可。而标准的事件触发可以使用dispatchEvent方法。但现在FF5无法触发了A的默认行为了。如下<!doctype html><html> <head> <meta charset="utf-8"> <title>Firefox5链接A无法实现模拟点击bug</title> </head> <body> <a
阅读全文
摘要：获取计算后的元素样式，IE有currentStyle，而标准浏览器用getComputedStyle。IE9后也支持getComputedStyle了。发现以前写的css方法不好用了，在chrome中返回的结果与其它浏览器不同。重现如下<!DOCTYPE HTML><HTML> <HEAD> <meta charset="utf-8" /> <title>css opacity</title> <style type="text/css"> div { backgroun
阅读全文
摘要：浏览器版本：IE6/7/8/9IE10 preview2Firefox 5Safari 5Chrome 12Opera 11测试：IE6/7/8IE9/10Firefox5Safari5Chrome12Opera11el.onfocusinYYNNNYel.attachEvent('onfocusin',fn)YYNNNYel.addEventListener('focusin',fn,false);NYNYYY结论：1， 所有 IE 版本均支持focusin/focusout事件（注意：IE6/7/8中不支持el.addEventListener方法）。2，
阅读全文
摘要：有时需要将数组转成伪数组（ArrayLike），如下var ary = ['one','two','three'];var obj = {}; // 没有length属性Array.prototype.push.apply(obj, ary);for(var i in obj){ alert(i + ': ' + obj[i]);}IE8/9/Firefox/Safari/Chrome 依次弹出了obj的key及其value。即能转换成ArrayLike。但IE6/7下则不能，没有输出任何信息表明obj仍然是个空对象。如果给obj
阅读全文
摘要：如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Firefox/Opera不支持onselectstart事件</title> </head> <body> <div id="d1" style="width:200px;height:200px;background:gold;">Text Text</div> <script type
阅读全文
摘要：如下var ary = /h/('hello');alert(ary);IE6/7/8/9中报错Firefox/Safari/Chrome/Opera的最新版本均弹出了“h”以上写法等价于var ary = /h/.exec('hello');即Firefox/Safari/Chrome/Opera浏览器中使用exec方法时可以去掉“exec”用 “正则直接量+()” 方式使用。IE10 Platform Preview 仍然不支持该简写方式。相关：https://developer.mozilla.org/en/JavaScript/Reference/Glo
阅读全文
摘要：setTimeout/setInterval，这两个函数相信前端开发同学都很熟悉。它们在非IE(6-9)浏览器中还可以如下使用setTimeout(function(obj){ alert(obj.a);}, 2000, {a:1});即传了第三个参数，第三个参数将作为回调函数的参数obj传入。在非IE浏览器中都弹出了1。这样有个好处，即解决了回调函数的执行上下文，比如要调用某个对象的某个方法，即可以通过参数把该对象传进去。setTimeout(function(obj){ obj.method();}, 2000, obj);当然，你还可以传多个参数给回调函数，如下setTimeout(fu
阅读全文
摘要：如下<!DOCTYPE HTML><html> <head> <meta charset="utf-8"> <title>IE6/7/8/Opera不支持script元素的onerror事件</title> <script src="jquery-1.5.23.js" onerror="alert(3)"></script> </head> <body> </body></html>scrip
阅读全文
摘要：如下 IE9/10同时支持script元素的onload和onreadystatechange事件 结果：IE6/7/8 : 弹出2IE9/10 : 弹出2，1Firefox/Safari/Chrome/Opera : 弹出1测试结果可以看出，IE9后已经开始支持script的onl...
阅读全文
摘要：1，onload事件<!DOCTYPE HTML><HTML> <HEAD> <meta charset="utf-8" /> <title>Link Element onload</title> <link type="text/css" rel="stylesheet" href="http://i3.sinaimg.cn/rny/webface/login/css/login101021_min.css" onload="
阅读全文
摘要：如下，<div id="d1" style="width:200px;height:200px;background:gold;"></div><script type="text/javascript"> function addEvent(el, type, fn){ if(el.addEventListener){ el.addEventListener(type, fn, false); }else{ el.attachEvent('on' + type, fn); } }
阅读全文
摘要：如下<div id="d1" style="width:200px;height:200px;background:gold;"></div><script> function addEvent(el, type, fn){ if(el.addEventListener){ el.addEventListener(type, fn, false); }else if(el.attachEvent){ el.attachEvent('on'+type, fn); } } function handler(
阅读全文
