雜七雜八的兼容性測試(一)

1,前導空白

IE6,IE7,IE8的innerHTML時不會保留前導空白

var div = document.createElement('div');

               div.innerHTML = "   <div></div>";

               return div.firstChild.nodeType === 3;

 }

2,tbody

IE6,IE7會爲table自動添加tbody

function tbody() {

               var div = document.createElement('div');

               div.innerHTML = "<table></table>";

               return !!div.getElementsByTagName('tbody').length;

}

3,href,src,width,height

IE6,IE7的getAttribute會返回格式化href,src,width,height.

IE的getAttribute有兩個參數，將第二個參數設爲2，會嚴格返回文檔設置是的參數

4,checkOn

檢查複選框的默認值

function checkOn() {

               var div = document.createElement('div');

               div.innerHTML = '<input type="checkbox" />';

               var input = div.getElementsByTagName('input')[0];

               return input.value === 'on';

 }

5,cloneChecked

IE複製DOM時不會複製checked屬性

function cloneChecked() {

               var div = document.createElement('div');

               div.innerHTML = '<input type="checkbox" />';

               var input = div.getElementsByTagName('input')[0];

               input.checked = true;

               return input.cloneNode(true).checked;

 }

6,optSelected

測試遊覽器下拉框默認選中的選項的selected屬性是否爲true

IE和早期的safari返回false

function optSelected() {

               var select = document.createElement('select');

               var opt = select.appendChild( document.createElement('option') );

               return opt.selected;

 }

7,optDisabled

測試當禁用select時,option是否會被禁用,禁用發揮false,反之返回false

function optDisabled() {

               var select = document.createElement('select');

               var opt = select.appendChild( document.createElement('option') );

               select.disabled = true;

               return opt.disabled;

}