各瀏覽器的JS兼容問題

          Posted on 2007-05-23 22:37 sunbaby 閱讀(803) 評論(0)  編輯  收藏 所屬分類: 其它
          ie/firefox:禁止選擇文字

          IE:

          <script>
          document.onselectstart 
          = function(){return false;}
          </script>
          <body>
          試試看能否選擇這些文字?
          </body>

          FF:

          <style>
          html 
          *{-moz-user-select: none;}
          </style>
          <body>
          試試看能否選擇這些文字?
          </body> 

           

          關于currentStyle兼容

          IE Only:
          <style>
          #test
          {width:100px;background-color:red;}
          </style>
          <script>
          window.onload
          =function(){
          var t=document.getElementById('test')
          var ts=t.currentStyle;
          t.innerHTML
          =
          "t.style.width:"+ts.width+"<br />"+
          "t.style.backgroundColor:"+ts.backgroundColor+"<br />"+
          "t.style.color:"+ts.color+"<br />"+
          "t.style.paddingLeft:"+ts.paddingLeft
          }

          </script>
          <body>
          <div id="test" style="color:yellow;padding-left:100px;">
          </div>
          </body>

          FF Only:
          <style>
          #test
          {width:100px;background-color:red;}
          </style>
          <script>
          window.onload
          =function(){
          var t=document.getElementById('test')
          var ts=document.defaultView.getComputedStyle(t, null);
          t.innerHTML
          =
          "t.style.width:"+ts.width+"<br />"+
          "t.style.backgroundColor:"+ts.backgroundColor+"<br />"+
          "t.style.color:"+ts.color+"<br />"+
          "t.style.paddingLeft:"+ts.paddingLeft
          }

          </script>
          <body>
          <div id="test" style="color:yellow;padding-left:100px;">
          </div>
          </body>

           

           

          IE Mozilla 說明
          document.body.clientHeight(clientWidth)根據HTMLDTD而定方能得到準確值。 window.innerHeight(innerWidth)根據HTMLDTD而定方能得到準確值。  
          opacity(aplha=20) MozOpacity="0.2"  
          event.clientY(clientX) event.pageY(pageX)  
          event.keyCode event.which  
          event.srcElement event.target  
          window.external.AddFavorite('never-online.net', "never-online'website"); window.sidebar.addPanel('never-online.net', "never-online'website", ""); 此為添加到收藏夾代碼,要兼容更多瀏覽器,請看這里代碼
          (DHTML事件-滾輪事件)onmousewheel DOMMouseScroll 可參看我blog這篇文章
          window.showModalDialog window.open(url, "name", "modal=yes")  
          createPopup() xul  
          htc控件 xbl綁定  
          filter濾鏡 只支持alpha(透明度,部分可通過clip來模擬)  
          obj.setCapture() window.captureEvents(Event.eventType)  
          obj.attachEvent(type, listener) obj.addEventListener(type, listener, useCapture) 添加事件方法,如果要兼容,有幾種方法,如用Mozilla讀寫器來模擬IE方法,或者用一個全局函數addEvent(type, listener, useCapture)來統一事件處理,或者寫一個Event Manager更好一些,也可以在這里統一避免內存泄露
          obj.detachEvent(type, listener) obj.removeEventListener(type, listener, useCapture) 一般情況下,用了attachEvent(addEventListener)方法,最好在beforeunload事件里用detach方法釋放掉,這是個好習慣(偷懶話就不說了:D)
          支持Webdings字體 不支持Webdings字體  
          insertAdjacentHTML, insertAdjacentElement方法 本身不支持,但可通過insertBefore或通過Range實現  
          不支持 讀寫器__defineSetter(Getter)__  
          不支持 支持對Element,EVENT等對象prototype模式支持  
          不支持 對節點有nodeType常量屬性  
          new ActiveXObject("MSXML2.XMLHTTP")或更高版本ProgId XMLHttpRequest對象  
          設置類似style.top=20這樣高度時,可不使用單位 設置類似style.top=20+'px'這樣高度時,必須使用單位,否則無效  
          CSS類名,不區分大小寫(大小寫不敏感) CSS類名,區分大小寫(大小寫敏感)如:.myCss和.mycss類名就是不相同  
          冒泡事件event.cancelBubble=true event.stopPropagation()(需要傳遞event事件)  
          CSS padding寬度并不在offset偏移坐標之內 CSS padding寬度默認是在offset偏移坐標之內,可用-moz-box-sizing:border-box來設置即可基本與IE相同 可參見我這篇文章代碼
          js動態加載xslt文件將xml轉化成HTML,IE可用xmldoc.transformNode(xslDocument)方法 Mozilla相對麻煩一些,要經過幾道工序XSLTProcessor對象,transformToFragment或其它方法 可參見我這篇文章示例教程和代碼
          持客戶端存儲數據-userData 不支持

          posts - 2, comments - 2, trackbacks - 0, articles - 25

          Copyright © sunbaby

          free web counter
          free web counter 點擊發送消息給我
          主站蜘蛛池模板: 洞头县| 原平市| 彭阳县| 化州市| 弋阳县| 北安市| 甘泉县| 唐海县| 阿城市| 化州市| 宽城| 海门市| 泸西县| 亚东县| 新竹县| 神木县| 南充市| 三门峡市| 邵阳市| 安乡县| 青浦区| 长白| 沅陵县| 海门市| 石嘴山市| 浦北县| 句容市| 府谷县| 林西县| 绵阳市| 和龙市| 基隆市| 怀宁县| 英德市| 会东县| 维西| 台中县| 乌审旗| 杭锦后旗| 平潭县| 安达市|