兼容低版本IE的JScript5.5实现_javascript技巧-js教程-PHP中文網

首頁

web前端

js教程

兼容低版本IE的JScript5.5实现_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 07:26 PM

作者Blog：www.coolcode.cn

IE 5.5 中的 JScript 版本是 5.5 版，它比以前版本的 JScript 中多了如数组的 push、pop、shift、unshift 方法和 encodeURI、decodeURI 等一些重要的函数。而这些增加的内容在目前其他浏览器（如 Moziila/Firefox 和 Opera）上也同样支持。因此目前开发网站一般对于 IE 浏览器只能兼容到 5.5 版，而对于更低版本的 IE（如 IE 5、IE 4 等），则不再去考虑了。虽然这些低版本的 IE 浏览器目前已经不是主流，但如果能够不需要修改现有代码就能够兼容它们的话，倒是也可以考虑。因此我做了这个兼容低版本 IE 的 JScript 5.5 实现。当然它不可能完全兼容 JScript 5.5，但对于最常用的一些方法，都已经实现了。

该库使用非常简单，只需要在网页的 head 部分加入：

<script></script>
就可以了。

完全实现的：

Array 对象中：

·push 方法
·pop 方法
·shift 方法
·unshift 方法
·splice 方法

Date 对象中：

·toDateString 方法
·toTimeString 方法
·toLocaleDateString 方法
·toLocaleTimeString 方法
·Function 对象中：
·apply 方法
·call 方法

Global 对象中：

·undefined 属性
·encodeURI 方法
·encodeURIComponent 方法
·decodeURI 方法
·decodeURIComponent 方法

Number 对象中：

·toExponential 方法
·toFixed 方法
·toPrecision 方法

对于错误处理，IE 5（JScript 5）中已经有了 try…catch 和 throw 语句，因此 decodeURI、decodeURIComponent、toExponential、toFixed、toPrecision、apply 如果出现运行期错误，在 IE 5 上会抛出跟 IE 5.5+ 中一样的错误信息，但是因为 IE 4 没有错误处理语句，如果上述函数出现运行期错误，将会返回 null。注意上面说的运行期错误，不是指上述函数实现中的错误，而是指在这些函数正常工作的情况下应该出现的错误。

其中 Function 的 apply 函数的实现参考了：
http://www.openjsan.org/doc/a/ad/adamk/Upgrade/0.04/lib/Upgrade/Function/apply.html
这段程序。

不完全实现的：

Error 对象

Object 对象中：

·isPrototypeOf 方法
·hasOwnProperty 方法
·propertyIsEnumerable 方法

String 对象中：

·toLocaleLowerCase 方法
·toLocaleUpperCase 方法
·localeCompare 方法

因为 IE 4 不具备错误处理语句，因此 Error 对象在 IE 4 上并不具备 IE 5 以上 Error 对象应具有的功能，因此它对于 IE 4 的实现只能保证你在访问或创建它时不会出错。

Object 中的 isPrototypeOf、hasOwnProperty 和 propertyIsEnumerable 方法只是做了模拟实现，其返回值并非总是正确。

String 对象中的 toLocaleLowerCase、toLocaleUpperCase 和 localeCompare 方法实际上并没有考虑本地字符集，但在大部分系统上它还是工作正常的。

完全没有实现的：

正则表达式对象中扩充的属性和限定符

下载: iecompat.js

/* iecompat.js 
* 
* Copyright Ma Bingyao <andot> 
* Version: 1.3 
* LastModified: 2006-06-18 
* This library is free.  You can redistribute it and/or modify it. 
* http://www.coolcode.cn/?p=126 
*/ 
  
/*@cc_on @*/ 
  
/*@if (@_jscript_version  str) return 1; 
    if (this  20) { 
            @if (@_jscript_version  n) { 
        s = Math.round(parseFloat("." + s) * Math.pow(10, n + 1)).toString(); 
        if ((s.length - 1) > n) { 
            e += 1; 
            s = Math.round(parseFloat("." + s) * Math.pow(10, n + 1)).toString(); 
        } 
    } 
    if (e >= 0) { 
        e = "+" + e; 
    } 
    if (n == 0) { 
        return s + "e" + e; 
    } 
    else { 
        return s.substr(0, 1) + "." + s.substr(1) + "e" + e; 
    } 
} 
  
Number.prototype.toFixed = function (n) { 
    function repeat(s, n) { 
        var out = ""; 
        for (var i = 0; i  20) { 
            @if (@_jscript_version = 0) { 
        s += repeat("0", e); 
        if (n > 0) { 
            s += "." + repeat("0", n); 
        } 
    } 
    else if (-e  0) { 
            s = repeat("0", n - s.length + 1) + s; 
            s = s.substr(0, s.length - n) + "." + s.substr(s.length - n); 
        } 
    } 
    return s; 
} 
  
Number.prototype.toPrecision = function (n) { 
    function repeat(s, n) { 
        var out = ""; 
        for (var i = 0; i  21) { 
            @if (@_jscript_version  parseInt(d).toString().length) { 
        e++; 
        s = s.slice(0, -1); 
    } 
    e += len - s.length; 
    len = s.length; 
    e += len - 1; 
  
    if (e  -7) { 
        if ((e  0)) { 
            s = s.substr(0, e + 1) + "." + s.substr(e + 1); 
        } 
        else if (e = 0) { 
            e = "+" + e; 
        } 
        if (n == 1) { 
            s += "e" + e; 
        } 
        else { 
            s = s.substr(0, 1) + "." + s.substr(1) + "e" + e; 
        } 
    } 
    return s; 
} 
  
var undefined; 
  
function encodeURI(str) { 
    var l = ['%00', '%01', '%02', '%03', '%04', '%05', '%06', 
             '%07', '%08', '%09', '%0A', '%0B', '%0C', '%0D', 
             '%0E', '%0F', '%10', '%11', '%12', '%13', '%14', 
             '%15', '%16', '%17', '%18', '%19', '%1A', '%1B', 
             '%1C', '%1D', '%1E', '%1F', '%20', '!', '%22', 
             '#', '$', '%25', '&', "'", '(', ')', '*', '+', ',', 
             '-', '.', '/', '0', '1', '2', '3', '4', '5', '6', 
             '7', '8', '9', ':', ';', '%3C', '=', '%3E', '?', 
             '@', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 
             'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 
             'T', 'U', 'V', 'W', 'X', 'Y', 'Z', '%5B', '%5C', 
             '%5D', '%5E', '_', '%60', 'a', 'b', 'c', 'd', 'e', 
             'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 
             'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 
             'z', '%7B', '%7C', '%7D', '~', '%7F']; 
    var out, i, j, len, c, c2; 
  
    out = []; 
    len = str.length; 
    for (i = 0, j = 0; i >  6) & 0x1F)).toString(16).toUpperCase(); 
            out[j++] = '%' + (0x80 | (        c & 0x3F)).toString(16).toUpperCase(); 
            continue; 
        } 
        else if (c  0xDFFF) { 
            out[j++] = '%' + (0xE0 | ((c >> 12) & 0x0F)).toString(16).toUpperCase(); 
            out[j++] = '%' + (0x80 | ((c >>  6) & 0x3F)).toString(16).toUpperCase(); 
            out[j++] = '%' + (0x80 |         (c & 0x3F)).toString(16).toUpperCase(); 
            continue; 
        } 
        else { 
            if (++i >> 18) & 0x3F)).toString(16).toUpperCase(); 
                        out[j++] = '%' + (0x80 | ((c >>> 12) & 0x3F)).toString(16).toUpperCase(); 
                        out[j++] = '%' + (0x80 | ((c >>>  6) & 0x3F)).toString(16).toUpperCase(); 
                        out[j++] = '%' + (0x80 |          (c & 0x3F)).toString(16).toUpperCase(); 
                        continue; 
                    } 
                } 
            } 
        } 
        @if (@_jscript_version >  6) & 0x1F)).toString(16).toUpperCase(); 
            out[j++] = '%' + (0x80 | (        c & 0x3F)).toString(16).toUpperCase(); 
            continue; 
        } 
        else if (c  0xDFFF) { 
            out[j++] = '%' + (0xE0 | ((c >> 12) & 0x0F)).toString(16).toUpperCase(); 
            out[j++] = '%' + (0x80 | ((c >>  6) & 0x3F)).toString(16).toUpperCase(); 
            out[j++] = '%' + (0x80 |         (c & 0x3F)).toString(16).toUpperCase(); 
            continue; 
        } 
        else { 
            if (++i >> 18) & 0x3F)).toString(16).toUpperCase(); 
                        out[j++] = '%' + (0x80 | ((c >>> 12) & 0x3F)).toString(16).toUpperCase(); 
                        out[j++] = '%' + (0x80 | ((c >>>  6) & 0x3F)).toString(16).toUpperCase(); 
                        out[j++] = '%' + (0x80 |          (c & 0x3F)).toString(16).toUpperCase(); 
                        continue; 
                    } 
                } 
            } 
        } 
        @if (@_jscript_version > 6) != 2) { 
            return throwerror(); 
        } 
    } 
    var out, i, j, len; 
    var c, c2, c3, c4, s; 
  
    out = []; 
    len = str.length; 
    i = j = 0; 
    while(i > 4) {  
                    case 0: case 1: case 2: case 3: case 4: case 5: case 6: case 7: { 
                        // 0xxxxxxx 
                        out[j++] = String.fromCharCode(c); 
                        break; 
                    } 
                    case 12: case 13: { 
                        // 110x xxxx   10xx xxxx 
                        if ((c2 = checkutf8()) == null) return null; 
                        out[j++] = String.fromCharCode(((c & 0x1F) >> 10) & 0x03ff) | 0xd800, 
                                                                    (s         & 0x03ff) | 0xdc00); 
                                } 
                                else { 
                                    return throwerror(); 
                                } 
                                break; 
                            } 
                            default: { 
                                return throwerror(); 
                            } 
                        } 
                    } 
                } 
            } 
        } 
    } 
    return out.join(''); 
} 
  
function decodeURIComponent(str) { 
    function throwerror() { 
        @if (@_jscript_version > 6) != 2) { 
            return throwerror(); 
        } 
    } 
    var out, i, j, len; 
    var c, c2, c3, c4, s; 
  
    out = []; 
    len = str.length; 
    i = j = 0; 
    while(i > 4) {  
            case 0: case 1: case 2: case 3: case 4: case 5: case 6: case 7: { 
                // 0xxxxxxx 
                out[j++] = String.fromCharCode(c); 
                break; 
            } 
            case 12: case 13: { 
                // 110x xxxx   10xx xxxx 
                if ((c2 = checkutf8()) == null) return null; 
                out[j++] = String.fromCharCode(((c & 0x1F) >> 10) & 0x03ff) | 0xd800, 
                                                            (s         & 0x03ff) | 0xdc00); 
                        } 
                        else { 
                            return throwerror(); 
                        } 
                        break; 
                    } 
                    default: { 
                        return throwerror(); 
                    } 
                } 
            } 
        } 
    } 
    return out.join(''); 
} 
  
Array.prototype.push = function () { 
    var curlen = this.length; 
    for (var i = 0; i = 0 ; i--) { 
        this[i + arglen] = this[i] ; 
    } 
    for (var i = 0; i  1) { 
        for (var i = 1; i <br><input onclick="runEx('runcode17783')" type="button" value="运行代码"> <input onclick="doCopy('runcode17783')" type="button" value="复制代码"> <input onclick="doSave(runcode17783)" type="button" value="保存代码">[Ctrl+A 全选 注:<a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank">如需引入外部Js需刷新才能执行</a>]</andot>

如果你想测试低版本的 IE 浏览器上的效果，又没有安装低版本的 IE 浏览器，可以使用这个包：ie_all.zip 。这里面都是不需要安装的 IE，直接释放压缩包到一个目录下，就可以运行了。如果你是 win9x 系统，可以到这里下载 win9x 版的 standalone IE。

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

超越瀏覽器：現實世界中的JavaScriptApr 12, 2025 am 12:06 AM

JavaScript在現實世界中的應用包括服務器端編程、移動應用開發和物聯網控制：1.通過Node.js實現服務器端編程，適用於高並發請求處理。 2.通過ReactNative進行移動應用開發，支持跨平台部署。 3.通過Johnny-Five庫用於物聯網設備控制，適用於硬件交互。

使用Next.js（後端集成）構建多租戶SaaS應用程序Apr 11, 2025 am 08:23 AM

我使用您的日常技術工具構建了功能性的多租戶SaaS應用程序（一個Edtech應用程序），您可以做同樣的事情。首先，什麼是多租戶SaaS應用程序？多租戶SaaS應用程序可讓您從唱歌中為多個客戶提供服務

如何使用Next.js（前端集成）構建多租戶SaaS應用程序Apr 11, 2025 am 08:22 AM

本文展示了與許可證確保的後端的前端集成，並使用Next.js構建功能性Edtech SaaS應用程序。前端獲取用戶權限以控制UI的可見性並確保API要求遵守角色庫

JavaScript：探索網絡語言的多功能性Apr 11, 2025 am 12:01 AM

JavaScript是現代Web開發的核心語言，因其多樣性和靈活性而廣泛應用。 1)前端開發：通過DOM操作和現代框架（如React、Vue.js、Angular）構建動態網頁和單頁面應用。 2)服務器端開發：Node.js利用非阻塞I/O模型處理高並發和實時應用。 3)移動和桌面應用開發：通過ReactNative和Electron實現跨平台開發，提高開發效率。

JavaScript的演變：當前的趨勢和未來前景Apr 10, 2025 am 09:33 AM

JavaScript的最新趨勢包括TypeScript的崛起、現代框架和庫的流行以及WebAssembly的應用。未來前景涵蓋更強大的類型系統、服務器端JavaScript的發展、人工智能和機器學習的擴展以及物聯網和邊緣計算的潛力。

神秘的JavaScript：它的作用以及為什麼重要Apr 09, 2025 am 12:07 AM

JavaScript是現代Web開發的基石，它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發，極大地提升了用戶體驗和跨平台開發的靈活性。