2014-06-25 41 views
-1

我試圖複製this app以便從中學習,但不幸的是,所述複製不起作用。我主要是通過檢查源代碼複製粘貼代碼,然後拉取腳本指向的所有文件(其中一個鏈接已損壞,但是我在他的GitHub上找到了它並反正使用了它)。localStorage在Javascript中如何操作?

無論如何,我的複製沒有遺憾的工作,我注意到一些叫做「localStorage」的文件中有一些可能是它。根據我的理解,localStorage基本上是使用瀏覽器的存儲來緩存數據的東西。但是,我找不到這個localStorage概念的聲明,或者其他任何類型的聲明。

現在,我是新來的這個世界的HTML/CSS/JavaScript,我想知道:是localStorage一個變量,必須聲明?如果不是,那究竟是什麼?如何招致localStorage?

爲什麼!DOCTYPE html標籤自動允許使用localStorage?另外,在計算機中甚至存儲了localStorage的信息,那麼,瀏覽器如何獲取這些信息呢?

+3

在發佈之前,請先Google提出您的問題。有成千上萬的文章會告訴你所有關於'localStorage'的信息。 – meagar

+0

我知道它是什麼,但谷歌坦率地說並沒有幫助我處理關於聲明的這個特定問題。我試了好幾個小時才找到答案。 – vdogsandman

+0

如果你想學習,那麼你應該停止通過複製粘貼代碼來欺騙自己。你會從中學到很少的東西。您將學習如何通過編寫代碼來編寫代碼。你自己。 –

回答

4

localStorage對象存儲沒有過期日期的數據。當瀏覽器關閉時, 數據將不會被刪除,並且將在第二天,一週或一年內提供 。

簡單的例子,我使用之前:

<input type="text" name="first_name" value=""> 
<input type="text" name="last_name" value=""> 

localStorage.setItem('first_name',$('[name=first_name]').val()); 
localStorage.setItem('last_name',$('[name=last_name]').val()); 

比方說,這是對上的在線購物網站的結賬頁面之前,運輸細節的形式。一旦你填寫完成並進入下一頁。這將存儲在localStorage中,如果您要回到此頁面,它已經爲您填充,因此您不必再次插入您的信息。

注意: Internet Explorer 7及更早版本不支持Web Storage。

+0

這使得更多的意義。另一個快速問題;你需要在任何地方「聲明」或「初始化」localStorage對象嗎? – vdogsandman

+1

爲了兼容性,我在最後放了一個小記。所有主流瀏覽器都支持它,但是您必須在頁面開頭聲明'<!DOCTYPE html>'。除此之外,你不需要做任何事情:)它已經可以在當前的瀏覽器上使用了。 – imbondbaby

+0

謝謝,這個答案正是我一直在尋找的! – vdogsandman

相關問題