html5仕上げ

HTML5新的Input类型 
输入类型：color,data,datetime,datetime-local,email,month,number,range,search,tel,time,url,week 
HTML Web存储 localStorage 
没有时间限制的数据存储 
以键/值对的形式表示 
setItem(),getItem() 
localStorage.name="Smith"; 
sessionStorage 
当用户关闭浏览器窗口时，数据会被删除 
以键/值对的形式表示 
setItem(),getItem() 
sessionStorage.setItem('name','smith'); 
Web SQL数据库（略） 
核心方法： 
openDatabase 使用现有的数据库或新建的数据库创建一个数据库对象 
transaction 这个方法使我们能够控制一个事务，以及基于这种情况执行提交或者回滚 
executeSql 这个方法用于执行实际的SQL查询 
一个完整实例 
 
 
 
 
 
 

状态信息

コードをコピー
アプリケーションキャッシュを有効にするには、ドキュメントのタグにマニフェスト属性を含めてください:
htmlmanifest="demo.appcache">
...

コードをコピー
マニフェスト ファイル
キャッシュマニフェスト - この見出しの下にリストされているファイルは、最初のダウンロード後にキャッシュされます
ネットワーク - ここにリストされているファイルこの見出しにはサーバーへの接続が必要であり、キャッシュされません
FALLBACK - この見出しの下にリストされているファイルは、ページにアクセスできない場合 (404 ページなど) のフォールバック ページを指定します
完全なマニフェスト ファイルの例
CACHE MANIFEST
# 2012- 02-21 v1.0.0
/theme.css
/logo.gif
/main.js
NETWORK:
login.php
FALLBACK:
/html/ /offline.html
コードをコピー
Web Workers
Web Worker は JavaScript他のスクリプトから独立してバックグラウンドで実行され、ページのパフォーマンスには影響しません
function startWorker(){
if(typeof(Worker) != "unknown"){
if(typeof(w) == " unknown "){
w=new Worker('demo_worker.js');
}
w.onmessage=function(event){
document.getElementById('result').innerHTML=event.data;
};
}

関数 stopWorker(){
w.terminate();
w = 未定義;
コードをコピー
/*demo_worker.js*/
var i=0;
関数 timedCount(){
i=i+ 1;
postMessage(i);
setTimeout('timedCount()',500);
}
timedCount();
サーバー送信イベント (SSE)
サーバー送信イベントは、アップデートのサーバー。
WebSocket
WebSocket は、HTML5 が提供し始めた、単一の TCP 接続で全二重通信を行うためのプロトコルです。
WebSocket API では、ブラウザとサーバーはハンドシェイク アクションを実行するだけで、ブラウザとサーバーの間に高速チャネルが形成されます。データは両者間で直接送信できます。
ブラウザは、JavaScript を介して WebSocket 接続を確立するリクエストをサーバーに送信します。接続が確立されると、クライアントとサーバーは TCP 接続を通じてデータを直接交換できます。
Web Socket 接続を取得したら、send() メソッドを通じてサーバーにデータを送信し、onmessage イベントを通じてサーバーから返されたデータを受信できます。
var Socket = new WebSocket(url, [protocal])
WebSocket プロパティ
Socket.readyState
0 - 接続がまだ確立されていないことを示します
1 - 接続が確立されており、通信が可能であることを示します
2 - を示します接続が閉じられつつあることを示します
3 - 接続が閉じられたか、接続を開けないことを示します
WebSocket イベント
Socket.onopen - 接続が確立されたときにトリガーされます
Socket.onmessage - クライアントがサーバーからデータを受信したときにトリガーされます
Socket.onerror - 通信エラーが発生したときにトリガーされます
Socket.onclose - 接続が閉じられたときにトリガーされます トリガー
WebSocket メソッド
Socket.send()
Socket.close()