最简单的IE8兼容

最简单的方式就是在head中加入[b]:<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />[/b] 一句即可,就相当于用IE8的工具中兼容视图看页面效果一样。前提是在IE7下面正常显示哦。

有的时候是IE8的缓存问题,这样还是有问题的,再次基础上加上处理缓存的序列号则可兼容 如下:
比如登录验证码,在IE8下是有缓存机制的,方法可以这样写:
// 刷新验证码图片
function refresh(obj){
var d = new Date();
obj.src="check?t="+d.toString(38); //随机加一个序列号就行了。
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IE8 及以下版本中,sessionStorage 是不支持的,但可以通过 userData 来模拟实现类似 sessionStorage 的功能。 下面是一个简单兼容 IE 的 sessionStorage 实现: ```javascript if (!window.sessionStorage) { Object.defineProperty(window, 'sessionStorage', { value: { getItem: function (key) { return document.documentElement.getAttribute('sessionStorage-' + key); }, setItem: function (key, value) { document.documentElement.setAttribute('sessionStorage-' + key, value); }, removeItem: function (key) { document.documentElement.removeAttribute('sessionStorage-' + key); } } }); } ``` 上述代码中,我们首先判断浏览器是否支持 sessionStorage,如果不支持,则使用 Object.defineProperty 方法将 sessionStorage 定义为一个对象,并在这个对象上定义 getItem、setItem 和 removeItem 方法,实现对应的功能。 对于 IE8 及以下版本,我们可以使用 userData 来模拟实现 sessionStorage。 ```javascript if (!window.sessionStorage) { Object.defineProperty(window, 'sessionStorage', { get: function () { if (!document.documentElement.getAttribute('sessionStorage')) { var storage = document.createElement('input'); storage.type = 'hidden'; storage.style.display = 'none'; storage.addBehavior('#default#userData'); document.body.appendChild(storage); var expires = new Date(); expires.setDate(expires.getDate() + 365); storage.expires = expires.toUTCString(); document.documentElement.setAttribute('sessionStorage', true); } return document.documentElement.getAttribute('sessionStorage'); }, value: { getItem: function (key) { var storage = this.storage; return storage.getAttribute(key); }, setItem: function (key, value) { var storage = this.storage; storage.setAttribute(key, value); storage.save('sessionStorage'); }, removeItem: function (key) { var storage = this.storage; storage.removeAttribute(key); storage.save('sessionStorage'); }, storage: null } }); } ``` 上述代码中,我们使用 Object.defineProperty 方法将 sessionStorage 定义为一个对象,并在这个对象上定义 getItem、setItem 和 removeItem 方法,实现对应的功能。同时,我们还定义了一个 storage 属性,用来保存 userData 对象。 在 sessionStorage 的 getter 方法中,我们首先判断是否已经创建了 userData 对象。如果没有,我们就创建一个 input 元素,并将其添加到页面中。然后,我们给这个 input 元素设置 expires 属性,指定 userData 的过期时间。最后,我们将一个标识设置为 documentElement 的属性中,表示已经创建了 userData 对象。 在 getItem、setItem 和 removeItem 方法中,我们都使用 storage 属性来获取或设置 userData 对象中的数据。每次修改数据时,我们都需要调用 save 方法来保存数据。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值