語:有時候在電腦上網的時候看見自己喜歡的網站或特別的頁面,自己已經點擊電腦屏幕上方的星號收藏這個頁面了,但有時候看收藏夾又被密密麻麻的內容弄得頭昏眼花,這時,我的處理方法是把收藏的頁面導出來,新建文件夾分類整理好,這樣下次想看什么內容就不用只看收藏夾里小小的字,而是在文件夾中能夠清楚的,按照自己的習慣,分好類別的,整潔的頁面了。下面是具體操作,根據提示的1、2、3······進行操作,就可以了。
首先打開瀏覽器。找到自己喜歡的頁面,我打開了自己的收藏夾,找到自己喜歡的頁面。然后點擊文字跳轉到具體的那個喜歡的頁面。
然后點擊屏幕上方,瀏覽器的三個點“···”。
然后點擊“更多工具”。
然后點擊“將頁面另存為”。
選擇文件夾,把頁面保存下來。
最后打開電腦你保存文件在什么地方,就能在該地方找到保存的喜歡頁面,該頁面在文件夾里保存的形式為“html”文件。
地存儲
1 本地存儲簡介
在客戶端存儲數據
HTML5 提供了兩種在客戶端存儲數據的新方法:
localStorage - 沒有時間限制的數據存儲
sessionStorage - 針對一個 session 的數據存儲
之前, 這些都是由 cookie 完成的。但是 cookie 不適合大量數據的存儲, 因為它們由每個對服務器的請求來傳遞, 這使得 cookie 速度很慢而且效率也不高。
HTML5 使用 JavaScript 來存儲和訪問數據。
2 語法
localStorage 方法存儲的數據沒有時間限制。第二天、第二周或下一年之后, 數據依然可用。
localStorage 和sessionStorage分別是本地存儲和會話存儲, 統稱本地存儲。
存儲數據:localStorage.setItem('key','value');
讀取數據:localStorage.getItem('key')
刪除指定數據:localStorage.removeItem('key');
清空所有數據:localStorage.clear()
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<!--
本地存儲存在自己電腦上了 他不能和服務器交互
一種:本地存儲(永久存儲不會過期)localStorage
一種:臨時會話(頁面關閉數據就沒了)sessionStorage
統稱本地存儲
二者的方法一毛一樣 咱們只以一個舉例子
cookie->可以喝服務器交互 是可以設置過期時間的
-->
<script type="text/javascript">
console.log(localStorage)
console.log(sessionStorage)
//寫入東西(隨便寫,你存儲的值)
//localStorage.setItem(key(小卡片),value(你存的包))
localStorage.setItem("key001","梁永燦");
localStorage.setItem("key002","迪麗熱巴");
localStorage.setItem("key003","楊穎");
localStorage.setItem("key004","大黃");
localStorage.setItem("key004","小黃");
//讀取
console.log(localStorage.getItem("key001"))
//console.log(localStorage)
//刪除
localStorage.removeItem("key001");
//全部刪除
localStorage.clear()
</script>
</body>
</html>
本地存儲數據庫會自動的為每一個網站(IP地址)建立一個獨立的表格, 在同一個網站(IP地址)下數據是可以共享的, 但是不能跨域。
不能跨瀏覽器存儲, 每個瀏覽器都有自己的小數據庫, Chrome存儲的, 火狐看不見。
localStorage是簡單的數據庫, 沒有查詢功能, 不能用sql操作, 只能簡單的存儲、讀取k-v對。
sessionStorage 瀏覽器窗口一旦關閉, 數據就丟失了
localStorage存儲的數據, 永遠不丟失, 關機, 重啟都不會導致數據丟失, 除非清除了瀏覽器記錄
注意: 判斷localStorage和sessionStorage是否有數據使用if直接判斷
if(localStorage.getItem("key001")){
}
不能使用
*請認真填寫需求信息,我們會在24小時內與您取得聯系。