JavaScript 對(duì)象
- JavaScript Array 對(duì)象
- JavaScript Boolean 對(duì)象
- JavaScript CSS 樣式聲明對(duì)象
- JavaScript Math 對(duì)象
- JavaScript Number 對(duì)象
- JavaScript String 對(duì)象
- JavaScript 正則表達(dá)式(RegExp) 對(duì)象
- JavaScript Console 對(duì)象
JavaScript 參考手冊
JS DOM參考手冊
- JS和HTML DOM參考手冊
- HTML DOM Attribute 對(duì)象
- HTML DOM Document 對(duì)象
- HTML DOM Element 對(duì)象
- JavaScript History 對(duì)象
- JS DOM HTMLCollection 對(duì)象
- JavaScript Location 對(duì)象
- JavaScript Navigator 對(duì)象
- JavaScript Screen 對(duì)象
- HTML DOM Style 對(duì)象
- JavaScript Window 對(duì)象
- JS Storage 對(duì)象
- Event Objects(事件對(duì)象)
- HTML DOM Events
Storage getItem() 方法
getItem()方法在給定的存儲(chǔ)對(duì)象中,返回指定鍵名的值。
如果指定的鍵不存在，則此方法返回null。
getItem()方法屬于存儲(chǔ)對(duì)象，可以是localStorage對(duì)象或sessionStorrage對(duì)象。
語法：
localStorage.getItem(keyName)
sessionStorage.getItem(keyName)
var x = localStorage.getItem("image");測試看看?/?瀏覽器兼容性
表中的數(shù)字指定了完全支持getItem()方法的第一個(gè)瀏覽器版本：
| Method |  |  |  |  |  |
| getItem() | 4 | 3.5 | 11.5 | 4 | 9 |
參數(shù)值
| 參數(shù) | 描述 |
|---|---|
| keyName | 一個(gè)字符串，其中包含要檢索其值的鍵的名稱 |
技術(shù)細(xì)節(jié)
| 返回值： | 包含指定鍵值的字符串。如果指定的鍵不存在，則返回null |
|---|---|
| DOM版本： | 網(wǎng)絡(luò)存儲(chǔ)API |
更多實(shí)例
返回指定的會(huì)話存儲(chǔ)項(xiàng)的值：
var x = sessionStorage.getItem("age");測試看看?/?您還可以使用點(diǎn)表示法獲取值：
var x = localStorage.url;測試看看?/?
以下函數(shù)從本地存儲(chǔ)中檢索三個(gè)數(shù)據(jù)項(xiàng)，然后使用它們在頁面上設(shè)置自定義樣式：
function setStyles() {
var currentColor = localStorage.getItem('bgcolor');
var currentFont = localStorage.getItem('font');
var currentImage = localStorage.getItem('image');
document.getElementById('bgcolor').value = currentColor;
document.getElementById('font').value = currentFont;
document.getElementById('image').value = currentImage;
root.style.backgroundColor = currentColor;
p.style.fontFamily = currentFont;
img.setAttribute('src', currentImage);
}測試看看?/?相關(guān)參考
HTML教程：Web存儲(chǔ)API
窗口(Window)參考：window.localStorage屬性
窗口(Window)參考：window.sessionStorage屬性