首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

数往知来:一次浏览器兼容工作中的知识点分析

/5.0` IE9 `Trident/4.0` IE8 IE的条件注释 “条件注释 (conditional comment) 是于HTML源码中被 Microsoft Internet Explorer...条件注释可被用来向 Internet Explorer 提供及隐藏代码” -- wiki IE中有两种特有的条件注释:HTML条件注释 和 JScript条件注释 HTML条件注释 语法为 条件注释最初于微软的 Internet Explorer 5浏览器中出现,直至 IE10 停止支持 对于非IE浏览器,被当作普通注释而忽略 举例: 下层显示(downlevel-revealed)的HTML条件注释 如下是一个“下层显示”条件“注释”的示例,它除了误导向的名字之外,根本不是一个 (X)HTML 注释,使用默认的微软语法...[endif]--> 姥姥不疼:IE6-9发现了HTML条件注释但返回了false 舅舅不爱:IE11两种注释都不认 IE10同时满足两种注释的交集 shim / sham / polyfill 这3个古怪的单词一般都用来描述一些给浏览器打补丁的第三方库

1K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaScript基础

    但是现如今,JavaScript已经成为了一门功能全面的变成语言,已经是WEB中不可或缺的一部分,如今的JavaScript是一门既简单又复杂的语言,说它简单是因为学会它,几乎只要一个小时就可以了。...在2004年已经开始叫板IE浏览器,iE推出IE7与之抗衡,拉开了第二次浏览器大战的序幕。...document.write的使用 >>>> HelloWord >>> 原样输出标签。 注释 (一份好的代码,要有三分之二的注释) 单行注释: // 要注释的内容。...一个关键字 typeof 变量使用小技巧: 声明一串变量:var a=1,b=2,c=3;(不推荐初学者使用这样的变量声明方式,因为这样的变量声明方式会导致注释不明确。)...避免问题出现(一眼就看出来了): 让计算机告诉我:typeof 关键字;(数据类型的检测,意义在于确认是否能够被使用); 编程习惯:分号,虽然不加分号在JavaScript语法上没有问题,但是建议不要省略分号

    53020

    判断IE版本的语句 ...

    条件注释只能在windows Internet Explorer(以下简称IE)下使用,因此我们可以通过条件注释来为IE添加特别的指令。...2、IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。 3、条件注释使用的是HTML的注释结构,因此他们只能使用在HTML文件里,而不能在CSS文件中使用。    ...可使用如下代码检测当前IE浏览器的版本(注意:在非IE浏览器中是看不到效果的)  IE]>        您正在使用IE浏览器        的意思,跟javascript里的不等于判断符相同 Conditional comments属于CSS hack? 条件判断属于CSS hack吗?    ...正常就是默认的样式,对IE浏览器需要特殊处理的,才进行条件注释。在HTML文件里,而不能在CSS文件中使用。

    1.9K70

    JavaScript 网页脚本语言 由浅入深

    可以包含在文档的任何地方,只要保证这些代码在被使用时已经读取并加载到内存中即可 javaScript核心语法 核心语法 变量 数据类型  数组  运算符号  控制语句  注释   输入输出...; 不声明直接赋值(不建议使用) width=5; 经验:变量可以不经声明而直接使用,但这种方法很容易出错.也很难查找排错不推荐使用 核心语法-数据类型 数据类型: undefined null(表示一个空值和...if条件语句 if(条件) { //代码 } else{ //代码 } switch(表达式){ case 常量 1:  javaScript语句1;   break case 常量 2:  javaScript...语句2;  break .... default : javaScript 语句3; for(初始化;条件;增量) { javaScript代码 } white(条件) { javaScript代码 }...,不做任何调试 alert()方法 函数的含义:类似于java中的方法,是完成的任务代码语句快 使用更简单:不用定义属于某个类,直接使用 函数分类:系统函数和自定义函数 parsint("字符串")

    1.8K100

    CSS3与页面布局学习总结(八)——浏览器兼容与前端性能优化

    1.6.1、条件注释法 IE条件注释(Conditional comments)是IE浏览器私有的代码,在其它浏览器中被视为注释。 IE]>用于 IE gt : greater than,选择条件版本以上版本,不包含条件版本 > lt : less than,选择条件版本以下版本,不包含条件版本 < gte : greater than...: 选择条件版本以外所有版本,无论高低 *只有IE浏览器认识条件注释、其它浏览器会跳过 示例: IE6,在IE8下会自动变成怪异模式,简单说IE8被当作IE6在用。 ?...2、浏览器检测、重新封装 使用javascript判断浏览器类型,对一些特点的方法或对象重新封装后使用屏蔽浏览的不兼容性。可以使用User-Agent、或特定对象。 示例: <!

    3K100

    《JavaScript 模式》读书笔记(8)— DOM和浏览器模式2

    当从用户视角考虑时,用户没必要下载所有的注释语句,删除这些注释语句对应用程序正常运行没有影响。   精简脚本文件大力来的收益依赖于使用的注释语句和空格的数量,也和具体精简工具有关。...如果不希望使用付费CDN,也还有一些免费的选择。 七、载入策略   乍看之下,如何将脚本文件包含到网页文件中是一个十分简单直白的问题。...@*/false) { //使用条件注释的IE 嗅探 preload = function (file){ new Image().src = file; }; } else...@*/false;   上述语句会在除IE以外的所有浏览器中将isIE设置为false(因为这些浏览器会忽视注释语句)。但是在IE中isIE值为true,因为在注释语句中有一个“!”。...false; //true 小结   本章主要讨论了在特定客户端浏览器环境下的模式: 关注点分离的思想、不引入注目的JavaScript、以及与浏览器嗅探相对的特性检测。

    98830

    《JavaScript 模式》读书笔记(8)— DOM和浏览器模式2

    当从用户视角考虑时,用户没必要下载所有的注释语句,删除这些注释语句对应用程序正常运行没有影响。   精简脚本文件大力来的收益依赖于使用的注释语句和空格的数量,也和具体精简工具有关。...如果不希望使用付费CDN,也还有一些免费的选择。 七、载入策略   乍看之下,如何将脚本文件包含到网页文件中是一个十分简单直白的问题。...@*/false) { //使用条件注释的IE 嗅探 preload = function (file){ new Image().src = file; }; } else...@*/false;   上述语句会在除IE以外的所有浏览器中将isIE设置为false(因为这些浏览器会忽视注释语句)。但是在IE中isIE值为true,因为在注释语句中有一个“!”。...false; //true 小结   本章主要讨论了在特定客户端浏览器环境下的模式: 关注点分离的思想、不引入注目的JavaScript、以及与浏览器嗅探相对的特性检测。

    1.1K20

    根据IE版本加载不同CSS样式的方法小结,解决低版本IE兼容问题

    联盟导航的响应式布局采用的是 CSS3 Queries 的方法,网上查了下,原来这个方法不兼容 IE9 以下的 IE 浏览器,微软啊,你个蛋疼货!!...搜来搜去,网上给出大约有三种简单可行的方法: 一、最简单的方法就是在页面引入 css3-mediaqueries.js 插件解决兼容性问题; 经测试,发现此方法 IE8 是可以了,但是 IE7 还是有点局部问题...} }; }); 原理很简单,使用 js 判断 IE 及 IE 版本,然后根据不同版本来改变当前 css 样式表的 href,由于使用了 jQuery ready 预加载方法,所以需要在代码之前引入...三、通过条件注释判断浏览器版本,从而加载不同的 css 样式表 代码非常简单: IE8: ? 由于用的是 IETester 测试,不代表实际使用效果,具体有待实际验证。

    2.6K80

    H5C3第五节

    > 但是在支持html5语义化标签的浏览器中, 这个js的执行就没有必要, 消耗了性能 所以我们可以通过 CSS IE条件注释 做兼容性处理 CSS条件注释(了解) CSS IE条件注释 专门用于兼容...IE 低版本 所以只有 IE9 及 IE9以下版本 才认识,其他版本的浏览器或者 IE10以上 的版本会当成注释, 不会解析 它里面有判断IE版本的方式 lte:就是Less than or equal...gt :就是Greater than的简写,也就是大于的意思。 用法实例: 在小于等于 IE 8 的浏览器中才会执行, 在IE9 中, 就是普通的注释, 不会解析执行 大于 IE 8 的浏览器才执行, 只有 IE 9 认识, 其他浏览器, IE 10 及以上, 都将条件注释当成注释 javascript API 2. 直接查看示例demo 3. 复制相应的代码,替换掉秘钥就行,秘钥只需创建一个新的应用就可以了。

    70210

    浏览器兼容

    ie9) (4)react(兼容ie8) 不同的框架兼容的浏览器不一样,在开发之前需要留意一下 2、条件注释(又叫IE条件注释) 条件注释 (conditional comment) 是于HTML源码中被...[endif]--> 使用了条件注释的页面在 Windows Internet Explorer 9 中可正常工作,但在 Internet Explorer 10 中无法正常工作。...IE10不再支持条件注释 3、CSS hack (1)起因:由于不同厂商的浏览器(比如Internet Explorer,Safari,Mozilla Firefox,Chrome等),或者是同一厂商的浏览器的不同版本...: yellow\9; /*ie/edge 6-8*/ } 选择器前缀法(即选择器Hack) IE条件注释法(即HTML条件注释Hack) 针对所有IE(注:IE10+已经不再支持条件注释): 可以如图去使用class。就像给不同ie浏览器添加class属性,通过.class来选中某个浏览器,对应的给它添加一些功能。就不用通过浏览器的bug来选择ie浏览器了。 ?

    1.9K52

    CSS Hack技术介绍及常用的Hack技巧

    CSS Hack常见的有三种形式:CSS属性Hack、CSS选择符Hack以及IE条件注释Hack, Hack主要针对IE浏览器。...3、IE条件注释Hack:IE条件注释是微软从IE5开始就提供的一种非标准逻辑语句。比如针对所有IE:IE]>的代码–>,针对IE6及以下版本:条件注释只有在IE浏览器下才能执行,这个代码在非IE浏览下被当做注释视而不见。可以通过IE条件注释载入不同的CSS、JS、HTML和服务器代码等。...-----------/* IE条件注释Hack */<!...---- 往期精选文章 使用虚拟dom和JavaScript构建完全响应式的UI框架 扩展 Vue 组件 使用Three.js制作酷炫无比的无穷隧道特效 一个治愈JavaScript疲劳的学习计划 全栈工程师技能大全

    1.2K30

    前端开发面试题总结之——CSS3

    当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。 CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算?...解决方法是条件注释,缺点是在IE浏览器下可能会增加额外的HTTP请求数。...(4)Sass支持条件语句,可以使用if{}else{},for{}循环等等。而Less不支持。 常见ie6的浏览器兼容bug(3-5个)? 文字本身的大小不兼容。...对应上面的背景吞吃现象,还有滚动下边框缺失的现象。解决方案:使用zoom:1。这个zoom好象是专门为解决ie6 bug而生的。 IE6注释bug 注释也能产生bug~~~“多出来的一只猪。”...这是前人总结这个bug使用的文案,ie6的这个bug 下,大家会在页面看到猪字出现两遍,重复的内容量因注释的多少而变。 解决方案:用“IE]> picRotate start <!

    1.1K40
    领券