zoukankan      html  css  js  c++  java
  • ECharts2.2.0 兼容IE8

    IE 8,ECharts2.2.0 版本,demo的各个功能均正常显示在IE8上面,

    但是我在真正做的时候,我的html却不能显示,画面乱了,而且function也不能用,

    都准备用1.4.1版本了,结果仔细比对了一下,发现了和demo的不一致的地方,是文件头部,

    少了一句话:

     1 <!DOCTYPE html> 

    此处,加上之后,IE8就能正常运行,function也正常!!!!

    之前火狐等都可以,就IE比较麻烦!!!,具体为啥请参考一下的文章!!!

    ====================================================================================

    下面是我百度了一下,这句话的作用:

    噩梦开始的源头:之前写html或者jsp页面,从来不注意doctype的声明,也不太明白doctype的作用。直到最近碰到了一个非常奇葩的 bug:某一个页面在IE7和8,Chrome,ff等下正常,但是在IE9下显示有问题,我就开始找啊找,各种调试,各种log,终于在 httpWatch里边找到了答案:DOCTYPE未声明。于是我给页面添加了<!DOCTYPE html>,果然奏效了。

    下面我就尽可能简洁扼要的说一下DOCTYPE的作用和用法。

    1作用:声明文档的解析类型(document.compatMode),避免浏览器的怪异模式。

      document.compatMode:
    BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。
    CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。
     

           这个属性会被浏览器识别并使用,但是如果你的页面没有DOCTYPE的声明,那么compatMode默认就是BackCompat,

    这也就是恶魔的开始 -- 浏览器按照自己的方式解析渲染页面,那么,在不同的浏览器就会显示不同的样式。

        如果你的页面添加了<!DOCTYPE html>那么,那么就等同于开启了标准模式,那么浏览器就得老老实实的按照W3C的

    标准解析渲染页面,这样一来,你的页面在所有的浏览器里显示的就都是一个样子了。

    这就是<!DOCTYPE html>的作用。

    2 使用:<!DOCTYPE html>

    2.1 使用也很简单,就是在你的html页面的第一行添加"<!DOCTYPE html>"一行代码就可以了

    2.2 jsp的话,添加在<%@ page %>的下一行。

    2.3 不用区分大小写哦

    想了解更多,可以参考:

    w3c : http://www.w3school.com.cn/tags/tag_doctype.asp

    博文:http://i.wanz.im/2010/05/28/why_doctype_html/

  • 相关阅读:
    POJ 2996 Help Me with the Game (模拟)
    PCL系列——怎样逐渐地配准一对点云
    sublime text3同时编辑多行
    博客搬家
    将博客搬至CSDN
    centos7用xshell可以连接, xftp连接失败!(墙裂推荐)
    重启ssh服务出现Redirecting to /bin/systemctl restart sshd.service
    重装wordpress
    ubuntu 16.04 启用root用户方法
    Ubuntu创建新用户并增加管理员权限(授权有问题)
  • 原文地址:https://www.cnblogs.com/gmq-sh/p/4288813.html
Copyright © 2011-2022 走看看