2013-04-25 111 views
6

我正在使用以下代碼來測試HTML 5的會話存儲空間。它在所有除IE以外的瀏覽器中工作正常。安裝了IE瀏覽器的版本是10會話存儲在IE中不工作

代碼:

<!DOCTYPE html> 
<html> 
<head> 
<script> 
function clickCounter() 
{ 
if(typeof(Storage)!=="undefined") 
    { 
    if (sessionStorage.clickcount) 
    { 
    sessionStorage.clickcount=Number(sessionStorage.clickcount)+1; 
    } 
    else 
    { 
    sessionStorage.clickcount=1; 
    } 
    document.getElementById("result").innerHTML="You have clicked the button " + sessionStorage.clickcount + " time(s) in this session."; 
    } 
else 
    { 
    document.getElementById("result").innerHTML="Sorry, your browser does not support web storage..."; 
    } 
} 
</script> 
</head> 
<body> 
<p><button onclick="clickCounter()" type="button">Click me!</button></p> 
<div id="result"></div> 
<p>Click the button to see the counter increase.</p> 
<p>Close the browser tab (or window), and try again, and the counter is reset.</p> 
</body> 
</html> 

可能是什麼問題呢?

+0

它是一個計數器,每增加一次e用戶點擊「點擊我」按鈕 – 2013-04-25 11:00:21

+0

它顯示腳本錯誤,因爲在if(sessionStorage.clickcount)條件中的未定義引用只在IE中,就像你說的 – Arun 2013-04-25 11:06:19

+0

是的,即使在會話存儲中設置它後它不工作。 – 2013-04-25 11:14:32

回答

17

我發現HTML5的本地存儲和會話存儲功能是,只有當頁面通過HTTP呈現時,這兩個功能才能在Internet Explorer中正常工作,並且在嘗試訪問這些功能時不起作用在你的本地文件系統,即你正在嘗試直接從與各種各樣的URL,C:/Users/Mitaksh/Desktop等文件系統打開示例網頁..

部署在任何application serverTomcat,等你的應用程序,然後訪問它。 。你可以在行動中看到本地和會話存儲。然後..

+2

如果使用Phonegap從包含本地存儲或會話存儲的代碼創建應用程序,並且該應用程序在使用IE的設備上運行,結果會是什麼? – user2662157 2013-11-16 17:02:59