表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其他资源或 等待加载其他脚本。只对外部脚本文件有效。 defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。...前面提到过,defer 属性只适用于外部脚本文件。这一点在 HTML5 中已经明确规定,因此支持HTML5 的实现会忽略给嵌入脚本设置的 defer 属性。...IE4~IE7 还支持对嵌入脚本的 defer 属性,但IE8 及之后版本则完全支持 HTML5 规定的行为。...IE4、Firefox 3.5、Safari 5 和 Chrome 是最早支持 defer 属性的浏览器。其他浏览器会忽略这个属性,像平常一样处理脚本。为此,把延迟脚本放在页面底部仍然是最佳选择。...支持异步脚本的浏览器有 Firefox 3.6、Safari 5 和 Chrome。
在安全方面,IE8 有了一个 IE8 XSS 筛选器,可以屏蔽网之中的恶意代码,让你浏览到正式可靠的网站。...另外它还提供一个 SmartScreen 筛选,能够帮你检测到恶意网站和钓鱼网站,这个功能 Firefox 和 Chrome 也有,但不知是否用相同的数据库。...IE8 相比 IE7 已经快了很多,但是相比还是没有 Chrome 快。使用上感觉也非常流畅,没有出现崩溃的情况。...另外 IE8 对开方人员也提供了一个网页测试工具:Develop Tools,很类似 Firefox 的 Firebug 插件,但是使用上相比 Firebug 还差一些。...Firefox 3 的推出,并创造了单日下载的吉尼斯纪录,Google 浏览器 Chrome 带着 JaveScript V8 引擎强势加入浏览器大战,现在微软终于发布据说安全性最好的浏览器 IE8 ,
IETester可以在独立的标签页中开启IE5.5、IE6、IE7,IE8 ,IE9,IE10,IE11这7个不同版本的IE,原则上支持WIN8 desktop,WIN7,XP和Vista操作系统。...-4794-B7FC-FB293BCC98FB/SuperPreviewIE_en.exe 工具介绍: SuperPreview是微软官方出品的一款网页开发调试利器,类似于IETester的产品,主要适用于网页设计开发人员...SuperPreview可以让你设计制作好的网页在IE不同版本以及Chrome、FireFox和Safari浏览器呈现效果,而且还提供像firebug或者是微软的开发者工具一样的功能,对于调试页面将会非常有力...根据微软的介绍,SuperPreview的可用IE版本视系统已安装IE浏览器的版本而定,如果系统安装了IE8,那SuperPreview浏览器测试可用版本就包括IE8、IE7和IE6;如果系统安装了IE7...使用地址:http://browsershots.org/ Browser Sandbox 工具介绍:这是一个在线运行浏览器的网站,支持Chrome, Firefox, IE, and Opera所有已发布的或者是公测的版本
cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 这段样式适用于以下浏览器...Safari 3+ Chrome IE 9+ Opera 10+ (Opera 9.5 支持background-size属性 但是不支持cover) Firefox 3.6+ 这里你会发现ie8及以下版本不支持.../ Opera / Firefox IE9+ IE 7/8: 平铺效果支持,但是在小于1024px的屏幕下居中效果失效 下面再说一种方法 JQ模拟的方法 html部分 <img src="bg.jpg.../ Opera / <em>Firefox</em> IE7+ 其实我自己一般用的是(因为够用了,咱不挑/其实上面的都是俺翻译过来的) html部分 css部分 .bg{...bg.jpg) no-repeat #000; background-size: cover; z-index: -1; } 如果图片宽度没有达到1900px以上,我会加上ie的滤镜来支持<em>ie8</em>
万恶的滚轮事件 滚轮事件的支持可谓是乱七八糟,规律如下: IE6-11 chrome mousewheel wheelDetla 下 -120 上 120 firefox DOMMouseScroll...detail 下3 上-3 firefox wheel detlaY 下3 上-3 IE9-11 wheel deltaY 下40 上-40 chrome wheel deltaY 下100 上-100...问题一:Firefox,Chrome、Safari和IE9都是通过非标准事件的pageX和pageY属性来获取web页面的鼠标位置的。...if (invalid) { cancelEvent(evt) } } 确定浏览器窗口的尺寸 对于主流浏览器来说,比如IE9、Firefox,Chrome和Safari,支持名为innerWidth...IE8下querySelectorAll不支持伪类 有时候伪类是很好用,IE8并不支持,jquery提供的:first、:last、:even、:odd、:eq、:nth、:lt、:gt并不是伪类,我们在任何时间都不要使用它们
所有代码都经过了Firefox 3.6和IE 8.0的验证,原文的错误之处也已得到改正。 一、圆角(Rounded Corner) ?...-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=3px, OffY=3px, Color='#ffffff')"; /* IE8...*/ } 先看Firefox。...Firefox 3.5支持TrueType和OpenType字体,Firefox 3.6又增加了WOFF字体。...另外,由于中文字体文件太大,服务器端字体显然只适用于英文字体。
/Chrome的hack,注意顺序 IE6显示为:绿色, IE7显示为:黑色, IE8显示为:红色, IE9显示为:蓝色, Firefox/Chrome显示为:橘色, (本例IE10效果同IE9,Opera.../Chrome的hack,注意顺序 IE6显示为:红色, IE7显示为:蓝色, IE8显示为:绿色, IE9显示为:粉色, Firefox/Chrome显示为:橘色, (本例IE10效果同IE9,Opera...important属性定义,则IE6/7仍然是粉色,IE8是紫色,IE9/10为橙色,Firefox/Chrome变为红色,Opera是紫色。...demo2实例是用于区分标准模式下ie6~ie9和Firefox/Chrome的hack,注意顺序 IE6显示为:绿色, IE7显示为:黑色, IE8显示为:红色, IE9显示为:蓝色, Firefox.../Chrome显示为:橘色, (本例IE10效果同IE9,Opera最新版效果同IE8) demo3实例也是用于区分标准模式下ie6~ie9和Firefox/Chrome的hack,注意顺序 IE6显示为
由于各浏览器的内核不同,所以会造成一些误差就像JS一样,一个JS网页特效,在微软IE6、IE7、IE8浏览器有效果,但可能在火狐(Mozilla Firefox)谷歌浏览器无效,这样就叫做JS hack...注意:我们通常主要考虑的浏览器有IE6、IE7、IE8、谷歌浏览器(chrome)、火狐(Mozilla Firefox)即可,至于我们常用的傲游、QQ的TT浏览器是用你计算机中装的系统自带浏览器的内核...3、浏览器识别字符标准对应表 从上图可以分析出以下几种情况: 1.大部分特殊字符IE浏览器支持,其他主流浏览器firefox,chrome,opera,safari不支持 (opera可识别除外)。...:IE8、IE9支持,opera部分支持 6.9? :IE8部分支持、IE9支持 7.9?...important」,至于Firefox可以读取「!important」但不能辨识「*」因此可以透过这样的差异来有效区隔IE6、IE7、Firefox。
因为不同的厂商或浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持、解析并不相同,导致在不同浏览器环境下呈现不一致的页面展示效果。...实例 只适用于IE浏览器的条件Hack,其它浏览器将其视为注释,IE10及以上的浏览器不支持这种方法。 当前浏览器为IE8 当前浏览器版本低于IE9 <!
测试的浏览器如下: IE6 IE8 Firefox3.6 Firefox4.0 beta12 Chrome 8 Opera 11 IE6 各资源按照在HTML中出现的顺序进行加载。...Firefox3.6 和IE8的几乎完全一样: 最大并发HTTP连接数为6个(可在about:config中修改)。...Firefox4 beta12 不知是因为设计理念上的不同,还是因为beta版未照顾到这一块,Firefox4反而退化了,和Firefox3.6的区别主要体现在对资源类型的处理上,Firefox4不再严格地优先下载...Chrome8 Chrome自带的工具不能很清楚地表示各请求的开始时间,所以使用了Fiddler的瀑布图,从图上可以看出,Chrome也是比较特立独行的一位,其特点有: 最大并发HTTP连接数为6。...但不会阻塞图片等其他资源的加载,如图中的3.js。
复制代码代码如下: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 2>浏览器支持的转换方式(Firefox...,chrome,opera,safari,ie9,ie8)等浏览器: 复制代码代码如下: JSON.parse(jsonstr); //可以将json字符串转换成json对象 JSON.stringify...(jsonobj); //可以将json对象转换成json对符串 注:ie8(兼容模式),ie7和ie6没有JSON对象,推荐采用JSON官方的方式,引入json.js。 ...3>Javascript支持的转换方式: eval('(' + jsonstr + ')'); //可以将json字符串转换成json对象,注意需要在json字符外包裹一对小括号 注:ie8(兼容模式...),ie7和ie6也可以使用eval()将字符串转为JSON对象,但不推荐这些方式,这种方式不安全eval会执行json串中的表达式。
Google近日为IE发布了一款开源插件Chrome Frame,兼容XP、Vista系统,适用于IE6、IE7、IE8,安装该插件后IE用户就可以使用Chrome的JavaScript引擎,体验到和...ZDnet和ComputerWorld分别进行了测试,不过测试结果大同小异,在Sunspider JavaScript基准测试中,安装Chrome Frame后IE8的速度相比未安装该插件的IE8...ZDnet在64位Vista平台上分别选取IE7、IE8、安装Chrome Frame后的IE7和IE8、Chrome 3进行了Sunspider JavaScript基准测试,根据测试结果,安装...Chrome Frame后的IE7速度提升了近40倍,安装该插件的IE8速度提升了10倍,两者在JavaScript处理速度上基本和Google Chrome持平。...ComputerWorld同样采用了Sunspider JavaScript基准套件进行了多次测试,同样的,安装Chrome Frame的IE8比IE8自身快9.6倍。
,firefox支持,IE8不支持 my$("btn1").addEventListener("click", function() { alert("1");...// 参数有2个 // 参数1:事件的类型(事件的名字),要on // 参数2:事件处理函数(命名函数或者匿名函数) // 兼容性:chrome...,firefox不支持,IE8支持 my$("btn2").attachEvent("onclick", function() { alert("4");...,firefox支持,IE8不支持 attachEvent: chrome,firefox不支持,IE8支持 2、绑定事件兼容代码 <input type="button"...,firefox 支持 addEventListener ,IE8不支持; chrome,firefox 不支持 attachEvent ,IE8支持; 事件中的 this 不同,addEventListener
") > -1) { return "FF"; } //判断是否Firefox浏览器 if (userAgent.indexOf("Chrome") > -1){ return "Chrome..."); } if ("Chrome" == nowBrowser) { alert("Chrome"); } if ("Opera" == nowBrowser) { alert("Opera");...isOpera; //判断是否IE浏览器 var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器 var isSafari =...; } } //以下是调用上面的函数 var nowBrowser = myBrowser() if (nowBrowser == "FF") { alert("Firefox"); } if...") { alert("IE8"); } 以上就是本文的全部内容,希望对大家的学习有所帮助
一、CSS Hack的概念 由于不同厂商的流览器或某浏览器的不同版本(如IE,Firefox/Safari/Opera/Chrome等),对CSS的支持、解析不一样,导致在不同浏览器的环境中呈现出不一致的页面展现效果...三、CSS Hack的分类 3.1 CSS 属性前缀法(即类内部 Hack) (1)IE6 能识别下划线" _ "和星号" * " (2)IE7 能识别星号" * ",但不能识别下划线" _ " (3)...IE6~IE10 都识别" \9 " (4)firefox 前述三个都不能识别。...[endif]--> 5.4 只在 IE8 不生效 这段文字只在 非IE8 浏览器显示 5.5 非 IE 浏览器生效 <!...6.1 IE浏览器各版本 CSS hack 对照表 hack 写法 实例 IE6(S) IE6(Q) IE7(S) IE7(Q) IE8(S) IE8(Q) IE9(S) IE9(Q) IE10(S)
offsetHeight 在IE6,IE7,IE8, IE9以及最新的的FF, Chrome中,对于一般元素,都是offsetHeight = padding + height + border = clientHeight...Chrome 39 注意:Chrome39中,水平滚动条的宽度是17个像素。...IE8 注意:IE8中,滚动条的宽度是17个像素。...结论 l IE6、IE7认为scrollHeight可以小于clientHeight; l IE8、IE9和Firefox认为scrollHeight>=clientHeight; l 取窗口可见部分高度...* @param a: document object */ function isQuirksMode(doc) { // In IE6,IE7,IE8,IE9,IE10 Firefox and
box-sizing有三个值,默认是content-box(表示元素使用W3C盒子模型),而border-box(表示元素使用IE盒子模型),inherit(从父元素上继承) 浏览器支持:IE8...开始支持 Element{ -moz-box-sizing: border-box; // FireFox3.5+ -o-box-sizing: border-box; // Opera9.6(...Presto内核) -webkit-box-sizing: border-box; // Safari3.2+ -ms-box-sizing: border-box; // IE8 box-sizing...: border-box; // IE9+,Chrome10.0+,Safari5.1+,Opera10.6 } 五、总结 ...盒子模型是CSS的基础,虽然IE一直被大家诟病,但不代表IE盒子模型就比W3C标准盒子模型差,后面我们一起深入学习CSS3样式规则box-sizing就明白了。
jQuery插件支持的转换方式: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 2.浏览器支持的转换方式(Firefox...,chrome,opera,safari,ie9,ie8)等浏览器: JSON.stringify(obj)将JSON转为字符串。.../object 3.Javascript支持的转换方式: eval(‘(‘ + jsonstr + ‘)’); //可以将json字符串转换成json对象,注意需要在json字符外包裹一对小括号 注:ie8...(兼容模式),ie7和ie6也可以使用eval()将字符串转为JSON对象,但不推荐这些方式,这种方式不安全eval会执行json串中的表达式。...4.JSON官方的转换方式: http://www.json.org/提供了一个json.js,这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法
jQuery插件支持的转换方式: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 2.浏览器支持的转换方式(Firefox...,chrome,opera,safari,ie9,ie8)等浏览器: JSON.stringify(obj)将JSON转为字符串。...object 3.Javascript支持的转换方式: eval('(' + jsonstr + ')'); //可以将json字符串转换成json对象,注意需要在json字符外包裹一对小括号 注:ie8...(兼容模式),ie7和ie6也可以使用eval()将字符串转为JSON对象,但不推荐这些方式,这种方式不安全eval会执行json串中的表达式。...4.JSON官方的转换方式: http://www.json.org/提供了一个json.js,这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()
userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 14 var isChrome = userAgent.indexOf("Chrome...isOpera; //判断是否IE浏览器 16 var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器...; //判断是否Safari浏览器 18 if(isIE) { 19 var IE5 = IE55 = IE6 = IE7 = IE8...) { 37 return "IE8"; 38 } 39 } //isIE end...end 50 //以下是调用上面的函数 51 if(myBrowser() == "FF") { 52 alert("我是 Firefox
领取专属 10元无门槛券
手把手带您无忧上云