HTML5 本地儲存 layer彈層元件製作記事本

2022-08-18 17:00:16 字數 1231 閱讀 2474

使用html5可以在本地儲存使用者的瀏覽資料。

早些時候,本地儲存使用的是 cookie。但是web 儲存需要更加的安全與快速. 這些資料不會被儲存在伺服器上,但是這些資料只用於使用者請求**資料上.它也可以儲存大量的資料,而不影響**的效能.

資料以 鍵/值 對存在, web網頁的資料只允許該網頁訪問使用。

具體**如下:

1

doctype html

>

2<

html

lang

="zh-cn"

>

3<

head

>

4<

meta

charset

="utf-8"

>

5<

meta

name

="viewport"

content

="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"

>

6<

title

>記事本

title

>

7<

script

src=""

>

script

>

8<

script

src="layer/layer.js"

>

script

>

9head

>

10<

body

>

11<

div>

12<

button

type

="button"

onclick

="notepad()"

>記事本

button

>

13div

>

1415

<

script

>

16//

記事本17

function

notepad(),

function

(text, index)

32});33}

else36}

37script

>

38body

>

39html

>

HTML5本地儲存

align center html5本地儲存 align b 1.1概述 b html5 儲存是基於鍵值對的。資料儲存在乙個鍵裡,訪問資料時可以根據同樣的鍵獲得上次儲存的資料。鍵是乙個字串。而資料則可以是任何型別的js基本資料型別,包括字串,boolean,整數,和浮點數。需要注意的是,這些資料在儲...

html5 本地儲存

前言 最近在做專案時遇到了需要將資料儲存在使用者瀏覽器本地的需求,經過查詢了解到了web storage,通過學習初步掌握了web storage,以下是一些關於web storage的知識和用法,記憶力較差發布在csdn備忘。1 什麼是html5本地儲存?通過web storage web應用程式...

html5 本地儲存

最近一直在學習 html5,為了後期的專案進行知識儲備。html5 相對於 html4 新增加了一些有趣的標籤 屬性和方法,今天主要介紹下 html5 的本地儲存。html5 提供了兩種在客戶端儲存資料的新方法 兩個方法用法完全一樣,下面就以localstorage為例。早期我們都是使用cookie...