2012-05-09 69 views
2

我想向我的網站上的特定頁面的首次訪問者顯示一條消息。該消息只需要出現一次。HTML5網絡存儲vs Cookie

這將是非常簡單的使用Cookie的事,但有更多的好處是用HTML5 localStorage的?如果是的話,它將如何實施?

+0

一些信息在這裏:http://markupjavascript.blogspot.in/2013/10/local-storage-cookies-what-to-use.html –

回答

3
  1. HTML5 localStorage會更容易實現,它不需要太多的線條,而且它非常簡單直觀,如何實現。這裏是一個例子:http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_webstorage_local_clickcount
  2. 這裏描述的另一個選項是cookie。 Cookie是一種廣泛使用的解決方案,但它需要更多的線路才能編寫cookie,但正如上面提到的,優點是cookie可以在很多舊瀏覽器中使用。下面是餅乾的例子: http://www.w3schools.com/js/tryit.asp?filename=tryjs_cookie_username

展望未來考慮到OP正在發生巨大的變化,以及瀏覽器,它現在變得越來越多的瀏覽器都支持HTML5,我會考慮的localStorage要求的事實

+1

我真正使用它在移動環境中,使是我考慮本地存儲的一個原因。謝謝! – HjalmarCarlson

1

即興,我可能會推薦的餅乾,但它取決於你的用戶使用的是什麼瀏覽器,以及如何你想渲染你的消息。

Cookies是一種更廣泛的受衆更好的,因爲所有的瀏覽器都支持他們。 像IE 6和7之類的老瀏覽器不支持本地存儲。 Cookies也可以在服務器端操縱。所以如果你想顯示的消息被渲染到服務器端,那麼cookies可能是更好的選擇。

本地存儲是有點更容易通過JavaScript訪問,但不會有太多的優勢,使用它。

1

的localStorage將節省用戶計算機上的數據爲5 MB,唯一不好的是,存儲是永遠存在,如果你需要到期,你需要做的,餅乾自動處理。使用本地存儲的

例如:

變種訪問= parseInt函數(localStorage的[ 「numVisits」]);

var el = document.getElementById("cookieData"); 

if (isNaN(visits)) { 
    visits = 1; 
    el.innerHTML = "Welcome to the site!"; 
} else { 
    visits += 1; 
    el.innerHTML = "Welcome back! You've been here " + visits + " times."; 
} 

localStorage["numVisits"] = visits;