通过 class 定位元素 (dom api)
var el = document.getelementbyid(‘section1’);
el.focus();
var els = document.getelementsbytagname(‘p’);
els[0].focus();
var els = document.getelementsbyclassname(‘section’);
els[0].focus();
通过类似 css 选择器的语法定位元素 (selectors api)
var els = document.queryselectorall(“ul li:nth-child(odd)”);
var els = document.queryselectorall(“table.test > tr > td”);
// use localstorage for persistent storage
// use sessionstorage for per tab storage
textarea.addeventlistener(‘keyup’, function () {
window.localstorage[‘value’] = area.value;
window.localstorage[‘timestamp’] = (new date()).gettime();
}, false);
textarea.value = window.localstorage[‘value’];
var db = window.opendatabase(“database name”, “database version”);
db.transaction(function(tx) {
tx.executesql(“select * from test”, [], successcallback, errorcallback);
});
manifest=”cache-manifest”>
window.applicationcache.addeventlistener(‘checking’, updatecachestatus, false);
cache manifest
main.js:
var worker = new worker(‘extra_work.js’);
worker.onmessage = function (event) { alert(event.data); };
extra_work.js:
// do some work; when done post message.
postmessage(some_data);
如对本文有疑问, 点击进行留言回复!!
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 (附转换公式)
html5 移动端视频video的android兼容(去除播放控件、全屏)
网友评论