技術重溫 html之重點(七)

2021-08-13 23:52:02 字數 446 閱讀 8962

拖放功能

步驟1.把元素drag1設定為可拖放,draggable 屬性設定為 true;

2.設定傳遞引數,此處將要拖放的元素drag1 id 傳遞給 將要放置的容器中,ondragstart事件觸發

ev.target指的是要拖動的目標元素

ev.datatransfer代表傳遞的引數,傳遞的引數都是一些鍵值對,可以通過setdata/getdata函式對來實現引數的設定和獲取。注意:可以設定或獲取多個引數

3.被放置的容器設定ondragover事件,呼叫 preventdefault() 來阻止資料的瀏覽器預設處理方式(drop 事件的預設行為是以鏈結形式開啟)

4.被放置的容器設定ondrop事件,注意,此時的ev.target指的是容器,需要2步:

通過getdata獲取id並通過id獲取拖動的元素

注意:div1和div2都是容器,都支援拖放

技術重溫 html之重點(一)

重點001 全球資訊網聯盟 w3c 在 html 4 中推薦使用小寫,而在未來 x html 版本中強制使用小寫。重點002 html 屬性和屬性值對大小寫不敏感。不過,全球資訊網聯盟在其 html 4 推薦標準中推薦小寫的屬性 屬性值。而新版本的 x html 要求使用小寫屬性。重點003 請確保...

漏洞重溫之sql注入(七)

less 31 首先,進入31關,我們先新增上id引數。然後,我們檢視原始碼。我們門可以看到,index頁面原始碼其實很簡單,網頁也沒有對我們的輸入做防禦。所以這裡我們只需要使用 雙引號加括號閉合,然後再後面拼接sql語句就可以了。payload如下 至於login頁面,跟前面一關一樣,基於引數汙染...

開發布局之 Bootstrap 技術重點

1.重點 柵格系統,響應式工具,預製類 2.資源 bootstrap 來自 twitter 推特 是目前最受歡迎的前端響應式框架。框架 顧名思義就是一套架構,它有一套比較完整的網頁功能解決方案,而且控制權在框架本身,有預製樣式庫 元件和外掛程式。版本2.xx,3.xx,4.xx 2.使用過程 ind...