jquery兼容不支持ie8瀏覽器的解決方法-創(chuàng)新互聯(lián)

小編給大家分享一下jquery兼容不支持ie8瀏覽器的解決方法，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)公司2013年成立，先為伽師等服務(wù)建站，伽師等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為伽師企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

jquery兼容不支持ie8瀏覽器的解決辦法：1、使用語(yǔ)句【】可在IE8模式下進(jìn)行一些兼容操作；2、為不支持forEach的瀏覽器添加自定義forEach方法。

jquery兼容不支持ie8瀏覽器的解決辦法：

1、IE8不支持jQuery版本解決辦法

通過(guò)判斷IE瀏覽器的版本來(lái)加載對(duì)應(yīng)版本的jQuery

使用語(yǔ)句<!--[if IE 8]>僅IE8可識(shí)別 <![endif]--> 可在IE8模式下進(jìn)行一些兼容操作。代碼如下：

<script type="text/javascript" src="<%=path%>/js/jquery-3.1.1.min.js"></script>
<!--[if IE 8]>
<script type="text/javascript" src="<%=path%>/js/jquery-1.9.1.min.js"></script>
<![endif]-->

這樣在切換到IE8時(shí)，低版本的jQuery就會(huì)覆蓋高版本的jQuery。如果在IE8下需要調(diào)整某些元素的樣式的話，好將JS代碼放在頁(yè)面底部（并注意是否有行內(nèi)樣式），不然為某些動(dòng)態(tài)加載的內(nèi)容設(shè)置的樣式可能不會(huì)生效。

2、IE8不支持forEach解決辦法

為不支持forEach的瀏覽器添加自定義forEach方法

代碼如下：

if (typeof Array.prototype.forEach != 'function') {
    Array.prototype.forEach = function (callback) {
        for (var i = 0; i < this.length; i++) {
            callback.apply(this, [this[i], i, this]);
        }
    };
}

如果是引入的jQuery插件，可將該段代碼放在插件內(nèi)容的開(kāi)頭即可，這樣在IE8下執(zhí)行forEach方法就不會(huì)報(bào)錯(cuò)了。

3、IE8不支持map解決辦法

添加自定義forEach方法

if (!Array.prototype.map) {
    Array.prototype.map = function(callback, thisArg) {
        var T, A, k;
        if (this == null) {
            throw new TypeError(" this is null or not defined");
        }
        // 1. Let O be the result of calling ToObject passing the |this| value as the argument.
        var O = Object(this);
        // 2. Let lenValue be the result of calling the Get internal method of O with the argument "length".
        // 3. Let len be ToUint32(lenValue).
        var len = O.length >>> 0;
        // 4. If IsCallable(callback) is false, throw a TypeError exception.
        // See: http://es5.github.com/#x9.11
        if (typeof callback !== "function") {
            throw new TypeError(callback + " is not a function");
        }
        // 5. If thisArg was supplied, let T be thisArg; else let T be undefined.
        if (thisArg) {
            T = thisArg;
        }
        // 6. Let A be a new array created as if by the expression new Array(len) where Array is
        // the standard built-in constructor with that name and len is the value of len.
        A = new Array(len);
        // 7. Let k be 0
        k = 0;
        // 8. Repeat, while k < len
        while(k < len) {
            var kValue, mappedValue;
            // a. Let Pk be ToString(k).
            //   This is implicit for LHS operands of the in operator
            // b. Let kPresent be the result of calling the HasProperty internal method of O with argument Pk.
            //   This step can be combined with c
            // c. If kPresent is true, then
            if (k in O) {
                // i. Let kValue be the result of calling the Get internal method of O with argument Pk.
                kValue = O[ k ];
                // ii. Let mappedValue be the result of calling the Call internal method of callback
                // with T as the this value and argument list containing kValue, k, and O.
                mappedValue = callback.call(T, kValue, k, O);
                // iii. Call the DefineOwnProperty internal method of A with arguments
                // Pk, Property Descriptor {Value: mappedValue, : true, Enumerable: true, Configurable: true},
                // and false.
                // In browsers that support Object.defineProperty, use the following:
                // Object.defineProperty(A, Pk, { value: mappedValue, writable: true, enumerable: true, configurable: true });
                // For best browser support, use the following:
                A[ k ] = mappedValue;
            }
            // d. Increase k by 1.
            k++;
        }
        // 9. return A
        return A;
    };
}

看完了這篇文章，相信你對(duì)“jquery兼容不支持ie8瀏覽器的解決方法”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

當(dāng)前名稱：jquery兼容不支持ie8瀏覽器的解決方法-創(chuàng)新互聯(lián)
文章路徑：http://muchs.cn/article4/cdehie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、建站公司、App設(shè)計(jì)、微信公眾號(hào)、手機(jī)網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)