摘要:修復(fù)兼容等新方法。在第版時,被添加進(jìn)標(biāo)準(zhǔn)因此在某些實現(xiàn)環(huán)境中不被支持。是在最近的標(biāo)準(zhǔn)中新添加的方法所以一些舊版本的瀏覽器可能沒有實現(xiàn)該方法。算法假定和擁有它們的初始值。
修復(fù)IE兼容forEach、indexOf、filter、getComputedStyle等新方法。
補充:此文是從這里搜集來的developer.mozilla.org,只是個人做個筆記,為了方便以后對JSLite萬一要做兼容的時候行個方便。當(dāng)時懶連接地址就貼了一個,如果你要原地方找到方法,可以在developer.mozilla.org這個里面搜索。
修復(fù)IE,增加方法getComputedStyle為對象的窗口和getPropertyValue方法的對象,它返回的getComputedStyle
jsif (!window.getComputedStyle) { window.getComputedStyle = function(el, pseudo) { this.el = el; this.getPropertyValue = function(prop) { var re = /(-([a-z]){1})/g; if (prop == "float") prop = "styleFloat"; if (re.test(prop)) { prop = prop.replace(re, function () { return arguments[2].toUpperCase(); }); } return el.currentStyle[prop] ? el.currentStyle[prop] : null; } return this; } }some
在第 5 版時,some 被添加進(jìn) ECMA-262 標(biāo)準(zhǔn);這樣導(dǎo)致某些實現(xiàn)環(huán)境可能不支持它。你可以把下面的代碼插入到腳本的開頭來解決此問題,從而允許在那些沒有原生支持它的實現(xiàn)環(huán)境中使用它。該算法是 ECMA-262 第 5 版中指定的算法,假定 Object 和 TypeError 擁有他們的初始值,且 fun.call 等價于 Function.prototype.call。
jsif (!Array.prototype.some){ Array.prototype.some = function(fun /*, thisArg */) { "use strict"; if (this === void 0 || this === null) throw new TypeError(); var t = Object(this); var len = t.length >>> 0; if (typeof fun !== "function") throw new TypeError(); var thisArg = arguments.length >= 2 ? arguments[1] : void 0; for (var i = 0; i < len; i++) { if (i in t && fun.call(thisArg, t[i], i, t)) return true; } return false; }; }every
在第 5 版時,every 被添加進(jìn) ECMA-262 標(biāo)準(zhǔn);因此在某些實現(xiàn)環(huán)境中不被支持。你可以把下面的代碼放到腳本的開頭來解決此問題,該代碼允許在那些沒有原生支持 every 的實現(xiàn)環(huán)境中使用它。該算法是 ECMA-262 第5版中指定的算法,假定 Object 和 TypeError 擁有它們的初始值,且 fun.call 等價于 Function.prototype.call。
jsif (!Array.prototype.every) { Array.prototype.every = function(fun /*, thisArg */) { "use strict"; if (this === void 0 || this === null) throw new TypeError(); var t = Object(this); var len = t.length >>> 0; if (typeof fun !== "function") throw new TypeError(); var thisArg = arguments.length >= 2 ? arguments[1] : void 0; for (var i = 0; i < len; i++) { if (i in t && !fun.call(thisArg, t[i], i, t)) return false; } return true; }; }map
map 是在最近的 ECMA-262 標(biāo)準(zhǔn)中新添加的方法;所以一些舊版本的瀏覽器可能沒有實現(xiàn)該方法。在那些沒有原生支持 map 方法的瀏覽器中,你可以使用下面的 Javascript 代碼來實現(xiàn)它。所使用的算法正是 ECMA-262,第 5 版規(guī)定的。假定Object, TypeError, 和 Array 有他們的原始值。而且 callback.call 的原始值也是 Function.prototype.call
js// Production steps of ECMA-262, Edition 5, 15.4.4.19 // Reference: http://es5.github.io/#x15.4.4.19 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 (arguments.length > 1) { 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, // Writable: true, // Enumerable: true, // Configurable: true }, // and false. // In browsers that support Object.defineProperty, use the following: // Object.defineProperty(A, k, { // 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; }; }filter方法的支持
filter 被添加到 ECMA-262 標(biāo)準(zhǔn)第 5 版中,因此在某些實現(xiàn)環(huán)境中不被支持??梢园严旅娴拇a插入到腳本的開頭來解決此問題,該代碼允許在那些沒有原生支持 filter 的實現(xiàn)環(huán)境中使用它。該算法是 ECMA-262 第 5 版中指定的算法,假定 fn.call 等價于 Function.prototype.call 的初始值,且 Array.prototype.push 擁有它的初始值。
jsif (!Array.prototype.filter){ Array.prototype.filter = function(fun /*, thisArg */){ "use strict"; if (this === void 0 || this === null) throw new TypeError(); var t = Object(this); var len = t.length >>> 0; if (typeof fun !== "function") throw new TypeError(); var res = []; var thisArg = arguments.length >= 2 ? arguments[1] : void 0; for (var i = 0; i < len; i++){ if (i in t){ var val = t[i]; if (fun.call(thisArg, val, i, t)) res.push(val); } } return res; }; }bind
bind 函數(shù)在 ECMA-262 第五版才被加入;它可能無法在所有瀏覽器上運行。你可以部份地在腳本開頭加入以下代碼,就能使它運作,讓不支持的瀏覽器也能使用 bind() 功能。
jsif (!Function.prototype.bind) { Function.prototype.bind = function (oThis) { if (typeof this !== "function") { // closest thing possible to the ECMAScript 5 internal IsCallable function throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable"); } var aArgs = Array.prototype.slice.call(arguments, 1), fToBind = this, fNOP = function () {}, fBound = function () { return fToBind.apply(this instanceof fNOP && oThis ? this : oThis || window, aArgs.concat(Array.prototype.slice.call(arguments))); }; fNOP.prototype = this.prototype; fBound.prototype = new fNOP(); return fBound; }; }indexOf
jsif(!Array.indexOf){ Array.prototype.indexOf = function(obj){ for(var i=0; iforEach // Production steps of ECMA-262, Edition 5, 15.4.4.18 // Reference: http://es5.github.io/#x15.4.4.18 if (!Array.prototype.forEach) { Array.prototype.forEach = function(fun /*, thisp*/){ var len = this.length; if (typeof fun != "function") throw new TypeError(); var thisp = arguments[1]; for (var i = 0; i < len; i++){ if (i in this) fun.call(thisp, this[i], i, this); } }; }forEach 是在最近被添加到 ECMA-262 標(biāo)準(zhǔn)的;這樣它可能在標(biāo)準(zhǔn)的其他實現(xiàn)中不存在,你可以在你調(diào)用 forEach 之前 插入下面的代碼,在本地不支持的情況下使用 forEach。該算法是 ECMA-262 第5版中指定的算法。算法假定 Object 和 TypeError 擁有它們的初始值。callback.call 等價于 Function.prototype.call。
developer.mozilla.orgjs
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/91459.html
摘要:下兼容問題,這個最好處理,轉(zhuǎn)化成兼容就可以。暫時還沒找到專用的兼容。高度不適應(yīng)高度不適應(yīng)是當(dāng)內(nèi)層對象的高度發(fā)生變化時外層高度不能自動進(jìn)行調(diào)節(jié),特別是當(dāng)內(nèi)層對象使用或時。只是目前并不支持。以上都是寫中的一些兼容,建議遵循 1.IE8下兼容問題,這個最好處理,轉(zhuǎn)化成ie7兼容就可以。在頭部加如下一段代碼,然后只要在IE7下兼容了,IE8下面也就兼容了 2.flaot浮動造成IE6下面...
摘要:最簡單的區(qū)分所有瀏覽器都會顯示為紫色會顯示紅色會變?yōu)樗{(lán)色會變?yōu)榫G色上面的樣式解釋為順序是顯示的結(jié)果用瀏覽,顏色是紫色用瀏覽,顏色是紅色用瀏覽,顏色是藍(lán)色用瀏覽,顏色是綠色支持偽元素偽元素和在及以下不支持兼容可以識別寫法和兼容則需要引 1. 最簡單的CSS Hack 區(qū)分 IE6 、 IE7 、IE8 css .color{ background-color: #CC00FF; ...
摘要:三創(chuàng)建時發(fā)現(xiàn)這么一句話,不知其什么意思,百度如下這樣寫可以達(dá)到的效果是如果安裝了,則使用來渲染頁面,如果沒安裝,則使用最高版本的內(nèi)核進(jìn)行渲染。 在網(wǎng)站開發(fā)中不免因為各種兼容問題苦惱,針對兼容問題,其實IE給出了解決方案Google也給出了解決方案百度也應(yīng)用了這種方案去解決IE的兼容問題 百度源代碼如下 ; 百度一下,你就知道 var wpo={start:new Date*1...
摘要:三創(chuàng)建時發(fā)現(xiàn)這么一句話,不知其什么意思,百度如下這樣寫可以達(dá)到的效果是如果安裝了,則使用來渲染頁面,如果沒安裝,則使用最高版本的內(nèi)核進(jìn)行渲染。 在網(wǎng)站開發(fā)中不免因為各種兼容問題苦惱,針對兼容問題,其實IE給出了解決方案Google也給出了解決方案百度也應(yīng)用了這種方案去解決IE的兼容問題 百度源代碼如下 ; 百度一下,你就知道 var wpo={start:new Date*1...
閱讀 1131·2021-11-19 09:40
閱讀 976·2021-11-12 10:36
閱讀 1274·2021-09-22 16:04
閱讀 3118·2021-09-09 11:39
閱讀 1277·2019-08-30 10:51
閱讀 1892·2019-08-30 10:48
閱讀 1234·2019-08-29 16:30
閱讀 479·2019-08-29 12:37