1. 新的选择器

通过 class 定位元素 (dom api)
var el = document.getelementbyid(‘ction1’);
el.focus();

var els = document.getelementsbytagname(‘p’);
els[0].focus();

var els = document.getelementsbyclassname(‘ction’);
els[0].focus();
通过类似 css 选择器的语法定位元素 (lectors api)
var els = document.querylectorall(“ul li:nth-child(odd)”);
var els = document.querylectorall(“table.test > tr > td”);

2. 本地储存 – web storage

// u localstorage for persistent storage
// u ssionstorage for per tab storage
textarea.addeventlistener(‘keyup’, function () {
window.localst开学感想作文orage[‘value’] = area.value;
window.localsto台州海洋世界rage[‘timestamp’] = (new date()).gettime();
}, fal);
textarea.value = window.localstorage[‘value’];

数据库-web-sql-databa”>3. 本地数据库 – web sql databa

var db = window.opendataba(“da朋友过生日送什么taba name”, “databa version”);
db.transaction(function(tx) {
tx.executesql(“lect * from test”, [], successcallback, errorcallback);
});

4.文件缓存 – application cache api

manifest=”cache-manifest”>
window.applicationcache.addeventlistener(‘checking’, updatecachestatus, fal);
cache manifest

5.让程序在后台运行 – web workers

main.js:
var worker = new w托马斯罗宾逊orker(‘extra_work.js’);
worker.onmessage = function (event) { alert(event.data); };

extra_work.js:
// do some work; when done post message.
postmessage(some_data);

6.双向信息传输 – web sockets

var socket = new websocket(location);

socket.onopen = function(event) {

socket.postmessage(“hello, websocket”);

}

socket.onmessage = function(event) { alert(event.data); }

socket.onclo = function(event) { alert(“clod”); }

7.桌面提醒 – notifications

if (window.webkitnotifications.checkpermission() == 0) {

// you can pass any url as a parameter

window.webkitnotifications.createnotification(tweet.picture, tweet.title,

tweet.text).show();

} el {

window.webkitnotifications.requestpermission();

}

8.拖放操作 – drag and drop

document.addeventlistener(‘dragstart’, function(event) {

event.datatransfer.tdata(‘text’, ‘customized text’);

event.datatransfer.effectallowed = ‘copy’;

西游日记}, fal);

即将支持: 从桌面拖动文件到页面。

9.地理位置 – geolocation

if (navigator.geolocation) {

navigator.geolocation.getcurrentposition(function(position) {

var lat = position.coords.latitude;

var lng = position.coords.longitude;

map.tcenter(new glatlng(lat, lng), 13);

map.addoverlay(new gmarker(new glatlng(lat, lng)));

});

}