學習筆記之html5相關內容

2022-08-09 19:18:21 字數 1030 閱讀 4994

學的第乙個內容還是一些標籤和屬性之類的,可以參考乙個上面有大量的內容,不在這廢話了。這裡主要來介紹寫的幾個程式來寫一下重要的知識點。

第乙個程式是關於拖拽的 主要介紹一下drag和drop

首先,為了使元素可拖動,把 draggable 屬性設定為 true :

然後,規定當元素被拖動時,會發生什麼。

在上面的例子中,ondragstart 屬性呼叫了乙個函式,drag(event),它規定了被拖動的資料。

datatransfer.setdata() 方法設定被拖資料的資料型別和值:

function drag(ev)

在這個例子中,資料型別是 "text",值是可拖動元素的 id ("drag1")。

ondragover 事件規定在何處放置被拖動的資料。

預設地,無法將資料/元素放置到其他元素中。如果需要設定允許放置,我們必須阻止對元素的預設處理方式。

event.preventdefault()
當放置被拖資料時,會發生 drop 事件。

在上面的例子中,ondrop 屬性呼叫了乙個函式,drop(event):

function drop(ev)

這裡主要就是被拖拽的元素是加  draggable="true"  ondragstart="drag(event)"   記住被拖拽的元素要加上id的,不然是不行的

被放拖拽地方的元素加 ondrop="drop(event)" ondragover="allowdrop(event)"  也要加上id的  然後加上js**

這樣就ok了

下面乙個是html5的

搜查			清除

本地內容是以鍵值對的形式來儲存的 

localstorage.setitem(i,input);  向本地加內容

localstorage.getitem(i);      從本地取內容

localstorage.clear();    清除本地內容

ORB SLAM2相關內容

toc orb slam2簡介 摘要orb slam2是基於單目,雙目和rgb d相機的一套完整的slam方案。它能夠實現地圖重用,回環檢測和重新定位的功能。無論是在室內的小型手持裝置,還是到工廠環境的無人機和城市裡駕駛的汽車,orb slam2都能夠在標準的cpu上進行實時工作。orb slam2...

關於HTML的相關內容

1.html html hyper text mark up language 超文字標記語言 最基礎的網頁語言 html不是一門程式語言 而是一門標記語言 html是用標記 標籤 元素 來描述網頁內容的 html是文件的一種 2.html的結構 用來指定當前頁面所遵循的html的版本 頭部分用來存...

C const相關內容學習

被const修飾,在const的後面 的數值不可以修改 類 class a a int x a x 初始化列表 const可用於對過載函式的區分 int getvalue 普通成員函式 int getvalue const 常成員函式,不得修改類中的任何資料成員的值 void function 函式...