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

作者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 type="text/javascript" src="iecompat.js"></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
* 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
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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

(0)

相关推荐

  • 兼容低版本IE的JScript5.5实现

    作者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 等),则不再去考虑了.虽然这

  • Android 实现高斯模糊效果且兼容低版本

    一.效果演示 项目中用到了高斯模糊效果,查阅过一些资料,考虑到性能问题最终还是选择使用Android自带的RenderScript库来实现,关于使用RenderScript来实现高斯模糊网上也有很多类似的方法,大部分都总结的比较乱,此处算是做一个整理吧,供有类似需求的同学参考及学习. (项目效果图) 简单描述项目效果图的实现思路: ① 加载定义的xml的Layout ② 使用截屏方法获取当前窗口的Bitmap对象 ③ 将Bitmap对象进行压缩及高斯模糊处理 ④ 将处理过的模糊图对象作为①中所加

  • 微信小程序收货地址API兼容低版本解决方法

    微信官方在三月底搞了不少事情.开放个人注册权限,蓝牙,与公众号打通,未来还会开发AR,图片识别,文字识别等等能力. 起初大家只是将微信小程序当做玩具看待,相信如今会有很多人把他当成一门技术去研究了.微信小程序的想象空间已经很大. 说说新增API之一的收货地址.虽然看看兼容低版本. 先上图. API很简单,就一行代码 wx.chooseAddress(OBJECT) 调起的是原生页面,体验很不错.对电商类的小程序比较有利. 不过API是从微信客户端 6.5.6 版本开始支持.这让我想起来做andr

  • vue3+vite兼容低版本的白屏问题详解(安卓7/ios11)

    目录 如何兼容ios11 如何兼容安卓7 如何使用@vitejs/plugin-legacy 补充知识:vue打包项目以后白屏和图片加载不出来问题解决方法 总结 vue3打包后在低版本浏览器或webview中出现白屏,原因就是因为语法兼容问题.根据vite官方文档描述,build.target默认支持 Chrome >=87.Firefox >=78.Safari >=14.Edge >=88 传送,所以需要我们手动兼容低版本. 本篇以vite2.安卓7/ios11为例. 如何兼容

  • Vue中 引入使用 babel-polyfill 兼容低版本浏览器的方法

    目录 1. 兼容低版本浏览器方法 1.1 安装 babel-polyfill 1.2 引入 1.3(新增)在 babel.config.js 中配置 1.4 在 vue.config.js (新增)配置 transpileDependencies 2. vue-cli 2.x 中配置 babel 转换 拓展:关于 Babel 简介 注意:本文主要介绍的 vue-cli 版本:3.x, 4.x:最近在项目中使用 webpack 打包后升级,用户反馈使用浏览器(chrome 45)访问白屏.经过排查

  • SQLServer数据库从高版本降级到低版本实例详解

    SQLServer数据库从高版本降级到低版本实例详解 由于目前还广泛使用着SQLServer2000,很多公司又想使用新的SQLServer,从而直接[分离/附加]或者[备份/还原]数据库,在不同版本之间存放.往往就会遇到版本不兼容的问题.前几天遇到了从我本机2008R2上备份的一个数据库还原到2008上面时报错: 从运行版本10.50.2500(2008R2是10.50)和10.00.1600(2008是10.00)中可以看出这个版本不兼容问题,大部分情况下,从低版本升级到高版本,只要不是跨度

  • SQLServer 2008数据库降级到2005低版本

    由于目前还广泛使用着SQLServer2000,很多公司又想使用新的SQLServer,从而直接[分离/附加]或者[备份/还原]数据库,在不同版本之间存放.往往就会遇到版本不兼容的问题.前几天遇到了从我本机2008R2上备份的一个数据库还原到2008上面时报错: 从运行版本10.50.2500(2008R2是10.50)和10.00.1600(2008是10.00)中可以看出这个版本不兼容问题,大部分情况下,从低版本升级到高版本,只要不是跨度太大,如2000升级到2012,都不会怎么报错.除非使

  • sqlserver数据库高版本备份还原为低版本的方法

    问题描述:高版本sql备份在低版本sql还原问题(出现媒体簇的结构不正确) 分析原因:sql版本兼容问题,sql server兼容级别是用作向下兼容用,高版本的sql备份在低版本中不兼容 解决方法 : 1.通过管理器的脚本生成向导,把其他数据库 ,表,存储过程等对象的脚本生成,然后在低版本的sql server下执行建立这些对象.. 2.通过dts/ssis,将表中的数据导过去. 此处我们把第1种开发方法 做下详细介绍(以sql2008的其他数据库 还原到sql2005为例). 1.首先我们在s

  • jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果

    页面中的输入框默认的提示文字一般使用placeholder属性就可以了,即: <input type="text" name="username" placeholder="请输入用户名" value="" id="username"/> 最多加点样式控制下默认文字的颜色 input::-webkit-input-placeholder{color:#AAAAAA;} 但是在低版本的浏览器却不支

  • thinkphp在低版本Nginx 下支持PATHINFO的方法分享

    最近在用thinkphp做一个项目,基本完成后部署到nginx服务器上才发觉nginx是不支持pathinfo的那么我们如何来处理呢. Nginx环境 在Nginx低版本中,是不支持PATHINFO的,但是可以通过在Nginx.conf(在/usr/local/nginx/conf/nginx.conf或者通过find / | grep nginx.conf来查找位置)中配置转发规则实现:在nginx配置文件中添加: location / { if (!-e $request_filename)

随机推荐