自动检测ie低版本,并显示升级浏览器的自定义页面,当用f12再把浏览器版本提高的时候,又会自动显示正常的页面。...

代码:

<!--[if lte IE 9 ]>
<div class="">
  //这里面可以添加自己定义的内容
</div>
<script type="text/javascript">
  //这里也可以添加自定义的js
  alert("浏览器版本过低");
  window.stop ? window.stop() : document.execCommand("Stop");
</script>
<![endif]-->

代码可放置的位置:

<html>
   <head>
      此处可放
   </head>
<body>
  此处可放
  <div>
    所有内容
  </div>
</body>
</html>

 

注意点:1.这段代码最好放在head里面,或者是当前页面的所有内容之前。如果放在文档的后面或者body后面都会因为加载顺序的问题导致不能达到预期的效果。

    2. window.stop ? window.stop() : document.execCommand("Stop") ,这段代码的意思让ie停止加载页面。所以如果放的位置不对,先让文档加载了就不能达到预期的遮住整个页面的效果。

 

总结:这种检测低版本浏览器核心的点就是在整个页面加载之前的时候判断是否是低版本,如果是低版本,就显示升级页面并停止加载整个页面。这样就能达到预期的效果,也不用单独跳转到一个页面了。

转载于:https://www.cnblogs.com/zjjDaily/p/6424630.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值