ie兼容問題整理

1.連續發請求問題css

*  jquery(document).ready(function(){})
*  連續發請求ie8出問題,被攔截問題,url後邊加時間戳
   *  例  url : url+"?t="+(Date.parse(new Date()) ),html

2. $().data() 及select渲染問題jquery

* select 渲染後無法影藏(加一個父節點包裹起來,影藏父節點)
* jquery('ele').data() 在ie8中只能獲取到第一個data-的key-value值css3

3. 一些常見問題chrome

* 一、form自動提交,input最好不要有value=""配置,一樣若是一個表單中只有一個單行文本輸入域(text),那麼在這個輸入域中按Enter鍵時,瀏覽器會自動提交該表單,解決方法就是加入一個影藏的input框(<input type="text" style="display:none;"/>)。
* 二、ie中checkbox遮罩層不起做用,給遮罩層加屬性background-color:white
* 三、self.serviceOrderTrigger.trigger('click');//觸發點擊事件
* 四、css3動畫transform類型必定要加前綴(如ie9不支持不加-ms的動畫)
* 五、console.log必定要去掉,ie不支持出現兼容性問題瀏覽器

4. ie不支持jquery().remove()方法兼容處理css3動畫

if(selectTarget.closest('td').children()[1]){
var navigatorName = "Microsoft Internet Explorer";
if(navigator.appName == navigatorName){
selectTarget.closest('td').children()[1].removeNode(true);
}else{
selectTarget.closest('td').children()[1].remove();//解決點擊上下架後其餘行select沒法正常操做,採起先刪除再從新渲染的方法
}
}

5.ie不支持hide()方法,用display:none代替app

6.設置錨點ide

html代碼
<div id="J_detail"></div>


js實現錨點定位
/**
     * 頁面初始化時根據是否查詢(url是否帶參數)來定位聚焦模塊
     */
    initPosition:function(){
        var url = location.search; //獲取url中"?"符後的字串
        if (url.indexOf("?") != -1) {
            document.getElementById('J_detail').scrollIntoView();
        }
    },

7.判斷對象是否爲空及頁面同步跳轉方法動畫

if($.isEmptyObject(paramsType)){
                window.location.href = "onlineCommodity4Koubei.htm";//所有
            }else{
                window.location.search = $.param(paramsType);

            }

 8.瀏覽器及版本判斷

<script>
        // 判斷ie6-8
        var browser=navigator.appName
        var b_version=navigator.appVersion
        var version=b_version.split(";");
        var trim_Version=version[1].replace(/[ ]/g,"");
        if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE6.0")
        {
            alert("您當前使用的瀏覽器版本太低,沒法正常使用平臺功能,推薦使用chrome瀏覽器或IE9以上版本。");
        }
        else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE7.0")
        {
            alert("您當前使用的瀏覽器版本太低,沒法正常使用平臺功能,推薦使用chrome瀏覽器或IE9以上版本。");
        }
        else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE8.0")
        {
            alert("您當前使用的瀏覽器版本太低,沒法正常使用平臺功能,推薦使用chrome瀏覽器或IE9以上版本。");
        }     
        
    </script>
相關文章
相關標籤/搜索