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+
相关推荐
12. **ECMAScript5**:ECMAScript是JavaScript的标准,第五版引入了严格模式、对象字面量的改进、JSON支持、函数绑定、数组和对象的新方法等特性。 13. **函数式编程**:虽然JavaScript并非纯函数式语言,但其支持...
**ECMAScript 5(ES5)** 是JavaScript语言的一个版本,它在2009年发布,并在现代Web开发中扮演着重要角色。ES5是ECMAScript标准的第五版,由欧洲计算机制造商协会(ECMA)制定,旨在提供一个标准化的脚本语言,以...
ECMAScript支持单行注释(`//`)和多行注释(`/* */`)。 #### 四、QML中的ECMAScript 在QML中,ECMAScript主要用于编写逻辑和处理事件。例如,可以在QML文件中使用ECMAScript代码来响应某个事件或者计算某个属性的值...
这个文档主要探讨了HTML5中的新标准以及浏览器对这些标准的支持情况。 首先,E4X(ECMA-357)是一种XML的集成方式,允许在JavaScript中直接处理XML数据。然而,随着JSON(JavaScript Object Notation)的广泛流行,...
然而,ECMAScript并不涉及HTML、CSS或者Web API等内容,这些属于独立的标准,例如DOM(文档对象模型)就不是ECMAScript规范的一部分。 ES6之前的版本包括1、2、3、5,而没有4版,这是因为在制定ES4时,提出的特性...
通过在HTML5的manifest文件中声明资源,浏览器可以将这些资源缓存到本地,即使在网络断开的情况下,用户也能访问到之前加载的内容。 在CSS3方面,一个实用的例子是使用媒体查询实现响应式布局。通过设置不同的CSS...
jQuery是一个流行的JavaScript库,简化了DOM操作和事件处理,而XML则是一种用于传输和存储数据的标记语言,与HTML5常常一起使用来构建结构化的数据交换。 总之,“w3c标准html5手册”是一份全面的参考资料,涵盖了...
ECMAScript规范定义了JavaScript的核心语法,而JavaScript则是这一规范的具体实现,被大多数浏览器支持。在本文的上下文中,JavaScript是实现PDFH5.js功能的关键。 PDFH5.js的工作原理可以分为几个步骤: 1. **...
最后,书中也会讲解如何将HTML5与CSS3和JavaScript(包括新的ECMAScript 5特性)结合,创建富有动态效果的网页。例如,使用CSS3的过渡(Transitions)、动画(Animations)和3D转换(Transforms),可以实现平滑的...
1. **HTML5基础**:HTML5是超文本标记语言的第五个版本,引入了许多新特性,如离线存储(Web Storage)、拖放功能(Drag and Drop API)、媒体元素(和)以及Canvas画布等,这些都为游戏开发提供了强大的支持。...
ECMAScript 的语法与 C 语言和 Java 语言相似,使用分号结尾的语句,支持变量声明、条件语句、循环语句、函数等基本结构。 ECMAScript 的语法简单易学,易于开发者快速掌握。 2.2. 变量 ECMAScript 中的变量是存储...
动态网页设计与制作是互联网开发领域中的核心技能之一,它涉及到HTML5、CSS3和JavaScript等关键技术。这些技术的结合使得网页不仅具有丰富的视觉效果,还能实现交互性和动态功能。以下将详细介绍这些知识点: HTML5...
在ECMAScript5和6的推动下,JavaScript的语法更加现代化,如let和const变量声明、箭头函数、模板字符串、Promise等特性。在Web前端开发中,JavaScript可以用于事件处理、DOM操作、Ajax异步通信,甚至构建复杂的单页...
6. **响应式设计**:HTML5支持响应式布局,这意味着游戏可以自适应不同的屏幕尺寸,无论是桌面还是移动设备,都能提供良好的游戏体验。 7. **事件处理**:HTML5游戏通常会监听用户的键盘输入、鼠标点击或触摸屏动作...
在HTML5的支持下,JavaScript能够实现更复杂的用户交互,例如实时更新内容、响应用户输入、控制多媒体播放等。ECMAScript 5和6的引入,提供了更严谨的语法和更多的内置函数,使得JavaScript代码更加简洁高效。 在本...
此外,HTML5还支持离线存储、拖放功能、媒体元素(如`<audio>`和`<video>`)以及地理定位等特性,极大地扩展了网页的功能范围。 CSS3是层叠样式表的第三次重大修订,它带来了丰富的样式控制和布局解决方案。例如,...
在更复杂的场景中,ECMAScript还支持路径操作、渐变、阴影、文本渲染等。例如,你可以创建路径,然后填充或描边: ```javascript ctx.beginPath(); ctx.moveTo(50, 50); ctx.lineTo(100, 100); ctx.lineTo(150, 50)...
JavaScript5(通常指ECMAScript 5)是它的标准化版本,包含了一些重要的改进,如严格模式、对象字面量和数组字面量的扩展、JSON支持等。现代JavaScript(ES6及以上)进一步引入了类、模块、箭头函数等语法特性,提升...
HTML5(HyperText Markup Language 5)是最新版本的HTML标准,它在原有基础上增加了许多新的元素和属性,提高了对多媒体的支持,简化了文档结构,增强了表单控件和离线存储功能。例如,`<video>`和`<audio>`元素使得...
2. JavaScript与ECMAScript 6:HTML5游戏通常依赖于JavaScript进行逻辑处理和用户交互。此游戏可能使用了ES6(ECMAScript 6)的语法特性,如let/const变量声明、箭头函数、模板字符串等,这些新特性提高了代码的...