qileilove

          blog已經(jīng)轉(zhuǎn)移至github,大家請(qǐng)?jiān)L問(wèn) http://qaseven.github.io/

          瀏覽器兼容性測(cè)試小記-DOM篇(一)

          1、childNodes引入空白節(jié)點(diǎn)問(wèn)題:使用childElementCount或children
            2、innerText: FF中不支持該屬性,使用textContent代替
            3、變量名與某HTML對(duì)象id相同時(shí),引用該變量只會(huì)取得id名與其相同的html對(duì)象(ie8-);聲明變量時(shí)前面一律加上var,盡量避免id名與變量名相同
            4、為ele.style.property賦值時(shí)一律帶上單位:e.style.height= 34 + ‘px’
            5、禁止選擇網(wǎng)頁(yè)內(nèi)容:
            6、訪問(wèn)form中的元素:ff只支持document.formName.elements['elementName']的方式,ie下可以使用document.formName.item('name');統(tǒng)一使用elements的方式;凡是遇到集合類對(duì)象(NodeCollection、NodeList)一律使用collection['name']的方式
            7、自定義html元素特性問(wèn)題:IE下可以使用e.selfAttr = variable/e.selfAttr方式來(lái)設(shè)值和取值,F(xiàn)F中只能使用e.setAttribute(attr, value)/e.getAttribute('attr')方式
            8、input元素的type特性問(wèn)題:IE下該屬性是只讀的,F(xiàn)F中可以動(dòng)態(tài)設(shè)置;一律不能修改,若需要修改則刪除原來(lái)元素,重新創(chuàng)建新元素
            9、window.location.href問(wèn)題:就瀏覽器可以通過(guò)這種方式來(lái)獲取當(dāng)前頁(yè)面url;應(yīng)當(dāng)統(tǒng)一使用window.location來(lái)方位頁(yè)面url,如:location.hostname,location.port,location.pathname
            10、在瀏覽器中打開新窗口問(wèn)題:
            View Code
            11、body載入問(wèn)題:FF中的body對(duì)象在body標(biāo)簽為載入完全時(shí)即可訪問(wèn),IE下必須完全讀入后才執(zhí)行
            12、function、new function(){}、new Function('.....')三者的區(qū)別
            13、FF中不支持e.parentElement方式方位父元素,只能使用e.parentNode方式
            14、Table操作問(wèn)題,IE中無(wú)法使用innerHTML方式對(duì)table和tr進(jìn)行操作;一般方法是借助js類庫(kù),將innerHLML轉(zhuǎn)化為dom節(jié)點(diǎn),并插入到tbody下
            15、IE下不支持使用e.setAttribute方式來(lái)整體設(shè)值style屬性問(wèn)題:同時(shí)使用e.setAttribute('style', '.......')和e.style.cssText = ‘。。。。。。。’方式來(lái)設(shè)置
            16、document.createElement('<div class="name"></div>')方式創(chuàng)建html元素在FF中不支持
            17、iframe問(wèn)題:
            <iframe src="xxx.html" id="frameId" name="frameName" />
            IE 中可以通過(guò)window.top.frmaeId或window.top.frameName方式來(lái)訪問(wèn)farme;FF中只支持第二種方式;IE在iframe資源未加載完成時(shí)無(wú)法訪問(wèn)iframe.contentWindow對(duì)象
            18、url encoding 問(wèn)題:encodeURIComponent適用于對(duì)url后的參數(shù)編碼、encodeURI:主要用于location對(duì)象跳轉(zhuǎn)時(shí)對(duì)整個(gè)url編碼
            19、節(jié)點(diǎn)插入問(wèn)題:IE:insertAdjacentElement(position,src);FF:insertBefore(src, ref)
            20、IE9以下不能訪問(wèn)html元素的構(gòu)造器,如判斷元素是否為HTMLElement方法只能使用:e.nodeType === 1不能使用 e instanceof HTMLElement方式

          posted on 2014-05-29 11:40 順其自然EVO 閱讀(190) 評(píng)論(0)  編輯  收藏


          只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


          網(wǎng)站導(dǎo)航:
           
          <2014年5月>
          27282930123
          45678910
          11121314151617
          18192021222324
          25262728293031
          1234567

          導(dǎo)航

          統(tǒng)計(jì)

          常用鏈接

          留言簿(55)

          隨筆分類

          隨筆檔案

          文章分類

          文章檔案

          搜索

          最新評(píng)論

          閱讀排行榜

          評(píng)論排行榜

          主站蜘蛛池模板: 德化县| 沛县| 太保市| 句容市| 黄浦区| 萨迦县| 漳浦县| 渑池县| 富源县| 曲周县| 库车县| 苏尼特左旗| 班玛县| 高青县| 射阳县| 尤溪县| 张家口市| 承德市| 昌吉市| 石嘴山市| 皮山县| 博兴县| 阳原县| 岚皋县| 桂东县| 芷江| 罗平县| 长宁区| 若尔盖县| 霍林郭勒市| 海阳市| 翁源县| 桃园市| 象山县| 天水市| 全南县| 兖州市| 隆子县| 拉萨市| 札达县| 江川县|