`
JavaSam
  • 浏览: 955187 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ECMAScript 5与HTML5 的支持情况

 
阅读更多

ECMAScript 5与HTML5离我们越来越近了,触摸屏相关的API开发中,未来的web世界更加多姿多彩。

Object.getPrototypeOf

支持浏览器:firefox3.6 chrome4

http://codereview.chromium.org/518056

Object.getOwnPropertyDescriptor

支持浏览器:IE8 chrome4

http://code.google.com/p/chromium/issues/detail?id=20345

Object.keys

支持浏览器: chrome4

http://code.google.com/p/chromium/issues/detail?id=21767

Object.defineProperty

支持浏览器: IE8

http://msdn.microsoft.com/en-us/library/dd548687(VS.85).aspx

https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object/defineProperty

Object.create

支持浏览器: chrome4

http://msdn.microsoft.com/en-us/library/dd548687(VS.85).aspx

Object.getOwnPropertyNames

支持浏览器: chrome4

http://code.google.com/p/v8/source/detail?r=3620

关于Object的扩展,可以看John Resig的这一篇博文《ECMAScript 5 Objects and Properties》

JSON

支持浏览器: IE8 chrome1+ safari3+ firefox3+

JSON.parse( text, translate )
JSON.stringify( obj, translate )
String.prototype.toJSON
Boolean.prototype.toJSON
Number.prototype.toJSON
Date.prototype.toJSON

http://blog.mozilla.com/webdev/2009/02/12/native-json-in-firefox-31/

http://blogs.msdn.com/ie/archive/2008/09/10/native-json-in-ie8.aspx

Date.now

支持浏览器: chrome4 firefox2+ safari4

http://trac.webkit.org/changeset/33422

 

https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Date/now

 

Date.prototype.toISOString

支持浏览器: chrome4 firefox3.6 safari4

String.prototype.trim

支持浏览器: chrome1+ firefox3+

“Array extras”

Array.prototype.{indexOf,lastIndexOf,every,some,forEach,map,filter,reduce,reduceRight}

IE8全部不支持,Opera不支持reduce,reduceRight,chrome与safari与firefox早就实现了

Array.isArray

支持浏览器: chrome4 opera10.50

ECMAScript 5 Getters and Setters

这是旧有的javascript不能模拟的新特性!

o = {
  a:7,
  get b() { return this.a+1; },
  set c(x) { this.a = x/2; }
};

支持浏览器:Firefox 2.0+, Safari 3.0+, Chrome 1.0+, Opera 9.5+

非标准,Firefox1.5里的旧方法

HTMLElement.prototype.__defineGetter__("innerHTML", function () {});
HTMLElement.prototype.__defineSetter__("innerHTML", function (val) {});

支持浏览器:Firefox 2.0+, Safari 3.0+, Google Chrome 1.0+, Opera 9.5+

标准

Object.defineProperty(document.body, "innerHTML", { get : function () {} });
MSDN文档:http://msdn.microsoft.com/en-us/library/dd229916(VS.85).aspx

支持:IE8+ (只能对DOM使用)

HTML5 DOM Storage
window.localStorage
window.sessionStorage //可跨域,标签页关掉就清空

支持浏览器:Firefox 3.5+, Safari 4.0+, IE 8.0+

HTML5 Offline Application Cache

用一个manifest文件缓存静态资源(图片,css, js之类)在离线状态下使用,不是结构化数据

<html manifest="foo.manifest">
<h1>Entry</h1>
</html>

支持浏览器:Firefox 3.5+

HTML5 Web SQL Database Storage
//2007年就实现了!
var database = openDatabase("Database Name", "Database Version");
 
database.executeSql("SELECT * FROM test", function(result1) {
   // do something with the results
   database.executeSql("DROP TABLE test", function(result2) {
     // do some more stuff
     alert("My second database query finished executing!");
   });
});

支持浏览器:Safari, iPhone OS 3, Opera 10.50,chrome4

HTML5 Web Workers

实现多线程!?

var worker = new Worker("worker.js");
// Watch for messages from the worker
worker.onmessage = function(e){
  // The message from the client:
  e.data
};
 
worker.postMessage("start");

支持浏览器:firefox3.1+

0
0
分享到:
评论

相关推荐

    JavaScript权威指南-ECMAScript5.pdf

    12. **ECMAScript5**:ECMAScript是JavaScript的标准,第五版引入了严格模式、对象字面量的改进、JSON支持、函数绑定、数组和对象的新方法等特性。 13. **函数式编程**:虽然JavaScript并非纯函数式语言,但其支持...

    es5:ecmascript 5 中文版 + es合集

    **ECMAScript 5(ES5)** 是JavaScript语言的一个版本,它在2009年发布,并在现代Web开发中扮演着重要角色。ES5是ECMAScript标准的第五版,由欧洲计算机制造商协会(ECMA)制定,旨在提供一个标准化的脚本语言,以...

    Qt-Quick核心编程之ECMAScript初探,适合Qt初学者

    ECMAScript支持单行注释(`//`)和多行注释(`/* */`)。 #### 四、QML中的ECMAScript 在QML中,ECMAScript主要用于编写逻辑和处理事件。例如,可以在QML文件中使用ECMAScript代码来响应某个事件或者计算某个属性的值...

    HTML5新的WEB标准和浏览器支持[参考].pdf

    这个文档主要探讨了HTML5中的新标准以及浏览器对这些标准的支持情况。 首先,E4X(ECMA-357)是一种XML的集成方式,允许在JavaScript中直接处理XML数据。然而,随着JSON(JavaScript Object Notation)的广泛流行,...

    ECMASCRIPT 6介绍

    然而,ECMAScript并不涉及HTML、CSS或者Web API等内容,这些属于独立的标准,例如DOM(文档对象模型)就不是ECMAScript规范的一部分。 ES6之前的版本包括1、2、3、5,而没有4版,这是因为在制定ES4时,提出的特性...

    html5+css3+JS代码

    通过在HTML5的manifest文件中声明资源,浏览器可以将这些资源缓存到本地,即使在网络断开的情况下,用户也能访问到之前加载的内容。 在CSS3方面,一个实用的例子是使用媒体查询实现响应式布局。通过设置不同的CSS...

    w3c标准html5手册

    jQuery是一个流行的JavaScript库,简化了DOM操作和事件处理,而XML则是一种用于传输和存储数据的标记语言,与HTML5常常一起使用来构建结构化的数据交换。 总之,“w3c标准html5手册”是一份全面的参考资料,涵盖了...

    pdfh5.js PC端与手机端h5页面pdf展示

    ECMAScript规范定义了JavaScript的核心语法,而JavaScript则是这一规范的具体实现,被大多数浏览器支持。在本文的上下文中,JavaScript是实现PDFH5.js功能的关键。 PDFH5.js的工作原理可以分为几个步骤: 1. **...

    HTML5:Up.and.Running

    最后,书中也会讲解如何将HTML5与CSS3和JavaScript(包括新的ECMAScript 5特性)结合,创建富有动态效果的网页。例如,使用CSS3的过渡(Transitions)、动画(Animations)和3D转换(Transforms),可以实现平滑的...

    狂欢万圣节HTML5游戏源码

    1. **HTML5基础**:HTML5是超文本标记语言的第五个版本,引入了许多新特性,如离线存储(Web Storage)、拖放功能(Drag and Drop API)、媒体元素(和)以及Canvas画布等,这些都为游戏开发提供了强大的支持。...

    ECMAScript解读.doc

    ECMAScript 的语法与 C 语言和 Java 语言相似,使用分号结尾的语句,支持变量声明、条件语句、循环语句、函数等基本结构。 ECMAScript 的语法简单易学,易于开发者快速掌握。 2.2. 变量 ECMAScript 中的变量是存储...

    动态网页设计与制作(HTML5+CSS3+JavaScript)(第3版)-PPT课件.zip

    动态网页设计与制作是互联网开发领域中的核心技能之一,它涉及到HTML5、CSS3和JavaScript等关键技术。这些技术的结合使得网页不仅具有丰富的视觉效果,还能实现交互性和动态功能。以下将详细介绍这些知识点: HTML5...

    HTML5+CSS3+JavaScriptWeb前端开发案例教程(慕课版)-测试卷.rar

    在ECMAScript5和6的推动下,JavaScript的语法更加现代化,如let和const变量声明、箭头函数、模板字符串、Promise等特性。在Web前端开发中,JavaScript可以用于事件处理、DOM操作、Ajax异步通信,甚至构建复杂的单页...

    html5飞机游戏

    6. **响应式设计**:HTML5支持响应式布局,这意味着游戏可以自适应不同的屏幕尺寸,无论是桌面还是移动设备,都能提供良好的游戏体验。 7. **事件处理**:HTML5游戏通常会监听用户的键盘输入、鼠标点击或触摸屏动作...

    实用html5与JS写的小游戏_源码

    在HTML5的支持下,JavaScript能够实现更复杂的用户交互,例如实时更新内容、响应用户输入、控制多媒体播放等。ECMAScript 5和6的引入,提供了更严谨的语法和更多的内置函数,使得JavaScript代码更加简洁高效。 在本...

    动态网页设计与制作(HTML5+CSS3+JavaScript)源代码和素材.zip

    此外,HTML5还支持离线存储、拖放功能、媒体元素(如`&lt;audio&gt;`和`&lt;video&gt;`)以及地理定位等特性,极大地扩展了网页的功能范围。 CSS3是层叠样式表的第三次重大修订,它带来了丰富的样式控制和布局解决方案。例如,...

    使用ECMAScript绘制二维图片

    在更复杂的场景中,ECMAScript还支持路径操作、渐变、阴影、文本渲染等。例如,你可以创建路径,然后填充或描边: ```javascript ctx.beginPath(); ctx.moveTo(50, 50); ctx.lineTo(100, 100); ctx.lineTo(150, 50)...

    HTML+CSS+JavaScript+php+mysql帮助手册(内含html5+css3+javascript5帮助手册)

    JavaScript5(通常指ECMAScript 5)是它的标准化版本,包含了一些重要的改进,如严格模式、对象字面量和数组字面量的扩展、JSON支持等。现代JavaScript(ES6及以上)进一步引入了类、模块、箭头函数等语法特性,提升...

    HTML5+CSS3+JS入门教程 + 源代码 pdf

    HTML5(HyperText Markup Language 5)是最新版本的HTML标准,它在原有基础上增加了许多新的元素和属性,提高了对多媒体的支持,简化了文档结构,增强了表单控件和离线存储功能。例如,`&lt;video&gt;`和`&lt;audio&gt;`元素使得...

    星际摩托HTML5游戏源码

    2. JavaScript与ECMAScript 6:HTML5游戏通常依赖于JavaScript进行逻辑处理和用户交互。此游戏可能使用了ES6(ECMAScript 6)的语法特性,如let/const变量声明、箭头函数、模板字符串等,这些新特性提高了代码的...

Global site tag (gtag.js) - Google Analytics