摘要：
1.概述 HTML5 Web Worker可以使Javascript程序在后台单线程执行大量耗时的计算任务。Web Worker在执行时不能直接访问DOM。Web Worker也会消耗CPU和系统资源。Web Worker与页面间的通信可以通过Web Worker的方法postMessage和message事件。2.浏览器支持检测 function loadDemo() { if (typeof(Worker) !== "undefined") { document.getElementById("support").innerHTML ... 阅读全文
摘要：
1.概述 Web Storage是一种在客户端存储数据的方法。比起Cookie，Web Storage更加安全，能够存储更多对象，而不仅仅是字符串；Web Storage能够存储更大的数据，而不是像只能够存储几KB数据的Cookie；Web Storage还可以减少数据在客户端与服务器间的转换，减少带宽。 Web Storage的核心是是window对象的两个子对象sessionStorage和localStorage。数据以键值对的形式通过这两个对象存储，这两个对象都实现了storage接口，拥有名称相同的属性和方法，用法也相同。不同之处是二者的存储时间和共享范围。 sessio... 阅读全文
摘要：
1.浏览器支持性检测 if(window.applicationCache) { // this browser supports offline applications } 2.在线、离线的状态检测和事件 // When the page loads, set the status to online or offline function loadDemo() { if (navigator.onLine) { log("Online"); } else { log("Offline"); ... 阅读全文
摘要：
1.概述 HTML5 Form提供了一些新的HTML表单元素，这些表单通过input元素的type属性指定。若浏览器不支持这些新的表单元素，则它们通常会显示为文本框。 新的表单元素也具有一些新的属性和方法。它们可以通过HTML元素的属性进行设置，也可通过编程访问，但两种访问方式的属性和方法的名称在大小写上略有不同。 •placeholder：表单提示文本。 •autocomplete：表单自动完成，这个属性在很多浏览器中早已实现。值可以是on，off或uspecified。 •autofocus：自动获得焦点。 •min和max：指定具有数值值的表单的最小值和最大值。 ... 阅读全文
摘要：
1.navigator.geolocation HTML5中的地理位置相关的主要对象是navigator.geolocation，它有一些方法和属性，检测浏览器对HTML5地理位置的支持性也就是检测该对象。2.getCurrentPosition、watchPosition和clearWatch方法 这是geolocation的两个核心方法。第一个方法只获取地理位置信息，后一个方法以一定时间间隔获取地理位置信息，它们的参数相同，但返回值不同，后者返回一个watchId，将watchId作为参数传递给clearWatch方法可以终止对地理位置信息的请求。 getCurrentPosi... 阅读全文
摘要：
1.防止被iframe if (window != window.top) { window.top.location = location; } 2.允许被信任的网站iframe var framebustTimer; var timeout = 3000; // 3 second framebust timeout if (window != window.top) { framebustTimer = setTimeout( function() { window.top.location = location; }, ti... 阅读全文
摘要：
1.概述 XMLHttpRequest Level 2是对XMLHttpRequest增强，具有cross-origin支持性。2.浏览器支持性检测 if (typeof xhr.withCredentials === undefined) { document.getElementById("support").innerHTML = "Your browser <strong>doesnot</strong> support cross-origin XMLHttpRequest"; } ... 阅读全文
摘要：
1.概述 HTML5 Cross Document Messaging是为了便于在不同源地址的页面间或是页面、浏览器的窗口、tab、iframe等间传递数据和信息。其核心是window.postMessage(data, origin)方法和message事件。 postMessage的第一个参数是要传递的数据，第二个参数是数据的来源（例如一个URL）。message事件处理程序通常会有一个参数e，e有data和origin两个属性。 捕获messge事件的方法如下： window.addEventListener(“message”, messageHandler, true... 阅读全文
摘要：
1.通用函数 load(): Loads the media file and prepares it for playback. Normally does not need to be called unless the element itself is dynamically created. Useful for loading in advance of actual playback. play(): Loads (if necessary) and plays the media file. Plays fromthe ... 阅读全文
摘要：
1.只读属性 duration: The duration of the full media clip, in seconds. If the full duration is not known, NaN is returned. paused: Returns true if the media clip is currently paused. Defaults to true if the clip has not started playing. ended: Returns true if the media clip ha... 阅读全文