2015-06-23 52 views
2

瀏覽器在哪裏存儲用戶輸入數據,如複選框選擇值,文本框中的文本等?瀏覽器在哪裏存儲用戶輸入數據?

例如,在文本框中輸入一些文本後,我在Chrome中使用檢查元素進行了檢查,但輸入的值在那裏沒有看到。它也不在查看源頁面。它在瀏覽器緩存中嗎?

回答

3

它們存儲在DOM中。 HTML被解析並存儲爲數據。這些數據呈現爲我們在瀏覽器中看到的內容。這些數據可以通過Javascript訪問和更改,也可以通過與網站的交互(即複選框,輸入文本)進行訪問和更改。

你爲什麼不看到的變化

  • 查看源代碼顯示,被髮送到瀏覽器的原代碼。它確實而不是顯示對頁面所做的任何更改。
  • 緩存存儲已從服務器下載的文件(圖像,js,css,html)。下次您下載這些文件時,您的瀏覽器可以使用它已經下載並保存到緩存中的文件,而不是再次下載它們。這更快,更高效。由於與查看源相同的原因,您不會看到此處反映的更改。
  • Chrome中的檢查元素也不會顯示更改。這是因爲當DOM發生變化時,他們無法更新他們的檢查器。在我看來,這是他們的一個錯誤,但可能由於性能原因而需要。

HOW TO SEE變化

在瀏覽器中打開一個控制檯(最有一個內置)和類型document.getElementById("id-of-input").value你會看到打印出來的價值。

您應該注意,您使用valuechecked作爲複選框。

+0

謝謝,所以我可以看到firefox中的檢查元素選項的值?我沒有安裝firefox來檢查 – xGen

+0

所有的瀏覽器都有一個DOM,我只是使用了Mozilla的文檔,因爲它很方便。我已經更新了我的答案來解釋更好一點,但是您應該多閱讀一下DOM的更多信息,以便更好地理解我的答案。 –

相關問題