style="fill:
lime;stroke:
purple;stroke-width:
5;fill-rule:
evenodd;"/>
21）HTML5Geolocation（地理定位）用于定位用户的位置。
浏览器支持
InternetExplorer9、Firefox、Chrome、Safari以及Opera支持地理定位。
getCurrentPosition（）方法-返回数据
若成功，则getCurrentPosition（）方法返回对象。
始终会返回latitude、longitude以及accuracy属性。
如果可用，则会返回其他下面的属性。
属性
描述
coords.latitude
十进制数的纬度
coords.longitude
十进制数的经度
coords.accuracy
位置精度
coords.altitude
海拔，海平面以上以米计
coords.altitudeAccuracy
位置的海拔精度
coords.heading
方向，从正北开始以度计
coords.speed
速度，以米/每秒计
timestamp
响应的日期/时间
22）在客户端存储数据
HTML5提供了两种在客户端存储数据的新方法：
∙localStorage-没有时间限制的数据存储
∙sessionStorage-针对一个session的数据存储
23）localStorage方法
localStorage方法存储的数据没有时间限制
localStorage.lastname="Smith";
document.write（localStorage.lastname）;
if（localStorage.pagecount）
{
localStorage.pagecount=Number（localStorage.pagecount）+1;
}
else
{
localStorage.pagecount=1;
}
document.write（"Visits"+localStorage.pagecount+"time（s）."）;
24）sessionStorage方法
sessionStorage方法针对一个session进行数据存储。
当用户关闭浏览器窗口后，数据会被删除。
sessionStorage.lastname="Smith";
document.write（sessionStorage.lastname）;
sessionStorage.lastname="Smith";
document.write（sessionStorage.lastname）;
25）webworker是运行在后台的JavaScript，不会影响页面的性能。
什么是WebWorker？
当在HTML页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。
webworker是运行在后台的JavaScript，独立于其他脚本，不会影响页面的性能。
您可以继续做任何愿意做的事情：
点击、选取内容等等，而此时webworker在后台运行。
检测WebWorker支持
if（typeof（Worker）!
=="undefined"）
{
//Yes!
Webworkersupport!
//Somecode.....
}
else
{
//Sorry!
NoWebWorkersupport..
}
26）创建webworker文件
vari=0;
functiontimedCount（）
{
i=i+1;
postMessage（i）;
setTimeout（"timedCount（）",500）;
}
timedCount（）;
注释：
webworker通常不用于如此简单的脚本，而是用于更耗费CPU资源的任务。
27）创建WebWorker对象
下面的代码检测是否存在worker，如果不存在，-它会创建一个新的webworker对象，然后运行"demo_workers.js"中的代码：
if（typeof（w）=="undefined"）
{
w=newWorker（"demo_workers.js"）;
}
然后我们就可以从webworker发生和接收消息了。
向webworker添加一个"onmessage"事件监听器：
w.onmessage=function（event）{
document.getElementById（"result"）.innerHTML=event.data;
};
28）终止WebWorker
如需终止webworker，并释放浏览器/计算机资源，请使用terminate（）方法：
w.terminate（）;
DOCTYPEhtml>
升级会员 