HTML5新機能

★Geolocation

<script type="text/javascript">

function successFunc(e){

if(e.coords.latitude != "" && e.coords.longitude != ""){

var latitude = e.coords.latitude;

var longitude = e.coords.longitude;

...

}

}

function failureFunc(e){

switch(e.code){

case 1: // PERMISSION_DENIED

alert("エラー:GPSの利用が許可されていません。GPSを使えるように設定してください。");

break;

case 2: // POSITION_UNAVAILABLE

alert("エラー:位置情報が取得できませんでした。");

break;

case 3: // TIMEOUT

alert("エラー:タイムアウトしました。");

break;

default: // UNKNOWN_ERROR

alert("エラー:位置情報を表示できませんでした。");

break;

}

}

navigator.geolocation.watchPostion(sucessFunc, failureFunc);

</script>

★Web Storage

Cookies <4KB

Web Storage <5MB

使用可否を判定

function isSupported() {

try {

return 'localStorage' in window && window['localStorage'] !== null;

} catch (e) {

return false;

}

}

使い方1

localStorage.a = 3; 或いは localStorage["a"] = 3;

var a = localStorage["a"]; 或いは var a = localStorage.a;

使い方2

localStorage.setItem("a","xxx");

var a = localStorage.getItem("a");

localStorage.removeItem("a");