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

属性async和defer的区别

表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其他资源或 等待加载其他脚本。只对外部脚本文件有效。 defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。...前面提到过,defer 属性只适用于外部脚本文件。这一点在 HTML5 中已经明确规定,因此支持HTML5 的实现会忽略给嵌入脚本设置的 defer 属性。...IE4~IE7 还支持对嵌入脚本的 defer 属性,但IE8 及之后版本则完全支持 HTML5 规定的行为。...IE4、Firefox 3.5、Safari 5 和 Chrome 是最早支持 defer 属性的浏览器。其他浏览器会忽略这个属性,像平常一样处理脚本。为此,把延迟脚本放在页面底部仍然是最佳选择。...支持异步脚本的浏览器有 Firefox 3.6、Safari 5 和 Chrome

76020

IE 8 发布

在安全方面,IE8 有了一个 IE8 XSS 筛选器,可以屏蔽网之中的恶意代码,让你浏览到正式可靠的网站。...另外它还提供一个 SmartScreen 筛选,能够帮你检测到恶意网站和钓鱼网站,这个功能 FirefoxChrome 也有,但不知是否用相同的数据库。...IE8 相比 IE7 已经快了很多,但是相比还是没有 Chrome 快。使用上感觉也非常流畅,没有出现崩溃的情况。...另外 IE8 对开方人员也提供了一个网页测试工具:Develop Tools,很类似 Firefox 的 Firebug 插件,但是使用上相比 Firebug 还差一些。...Firefox 3 的推出,并创造了单日下载的吉尼斯纪录,Google 浏览器 Chrome 带着 JaveScript V8 引擎强势加入浏览器大战,现在微软终于发布据说安全性最好的浏览器 IE8

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

    兼容性测试工具分享

    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不同版本以及ChromeFireFox和Safari浏览器呈现效果,而且还提供像firebug或者是微软的开发者工具一样的功能,对于调试页面将会非常有力...根据微软的介绍,SuperPreview的可用IE版本视系统已安装IE浏览器的版本而定,如果系统安装了IE8,那SuperPreview浏览器测试可用版本就包括IE8、IE7和IE6;如果系统安装了IE7...使用地址:http://browsershots.org/ Browser Sandbox 工具介绍:这是一个在线运行浏览器的网站,支持Chrome, Firefox, IE, and Opera所有已发布的或者是公测的版本

    3.7K80

    完美的背景图全屏css代码 – background-size:cover?

    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>

    6.6K40

    再谈BOM和DOM(5):各个大流浪器DOM和BOM里面的那些坑—兼容性

    万恶的滚轮事件 滚轮事件的支持可谓是乱七八糟,规律如下: 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...问题一:FirefoxChrome、Safari和IE9都是通过非标准事件的pageX和pageY属性来获取web页面的鼠标位置的。...if (invalid) {     cancelEvent(evt)   } } 确定浏览器窗口的尺寸 对于主流浏览器来说,比如IE9、FirefoxChrome和Safari,支持名为innerWidth...IE8下querySelectorAll不支持伪类  有时候伪类是很好用,IE8并不支持,jquery提供的:first、:last、:even、:odd、:eq、:nth、:lt、:gt并不是伪类,我们在任何时间都不要使用它们

    96740

    CSS兼容性的一些Hack方法

    /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显示为

    1.2K30

    前端必看!各大浏览器 CSS Hack 收集

    由于各浏览器的内核不同,所以会造成一些误差就像JS一样,一个JS网页特效,在微软IE6、IE7、IE8浏览器有效果,但可能在火狐(Mozilla Firefox)谷歌浏览器无效,这样就叫做JS hack...注意:我们通常主要考虑的浏览器有IE6、IE7、IE8、谷歌浏览器(chrome)、火狐(Mozilla Firefox)即可,至于我们常用的傲游、QQ的TT浏览器是用你计算机中装的系统自带浏览器的内核...3、浏览器识别字符标准对应表 从上图可以分析出以下几种情况: 1.大部分特殊字符IE浏览器支持,其他主流浏览器firefoxchrome,opera,safari不支持 (opera可识别除外)。...:IE8、IE9支持,opera部分支持 6.9? :IE8部分支持、IE9支持 7.9?...important」,至于Firefox可以读取「!important」但不能辨识「*」因此可以透过这样的差异来有效区隔IE6、IE7、Firefox

    1.6K130

    各浏览器对页面外部资源加载的策略

    测试的浏览器如下: 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。

    1.1K70

    Json对象与Json字符串互转(4种转换方式)

    复制代码代码如下: $.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串中的表达式。

    1.3K30

    安装Google插件Chrome Frame后IE8提速10倍

    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和IE8Chrome 3进行了Sunspider JavaScript基准测试,根据测试结果,安装...Chrome Frame后的IE7速度提升了近40倍,安装该插件的IE8速度提升了10倍,两者在JavaScript处理速度上基本和Google Chrome持平。...ComputerWorld同样采用了Sunspider JavaScript基准套件进行了多次测试,同样的,安装Chrome Frame的IE8IE8自身快9.6倍。

    79230

    CSS魔法堂:盒子模型简介

    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就明白了。

    52260

    java字符串转换为json对象6_Json对象与Json字符串的转化、JSON字符串与Java对象的转换…

    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()方法

    2.4K30

    Json对象与Json字符串互转(4种转换方式)

    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()

    12.5K51
    领券