整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML5中增加了拖放api

          HTML5中新增了關于拖放的API,通過拖放API可以放HTML頁面任意元素變成可拖動的。其實很簡單,只有兩個方面:一個是在某個元素上按下鼠標不松開,移動鼠標,這就是拖的動作,第二個是松開鼠標,將元素放到某一位置,這個是放的動作。

          在HTML5中<img.../>元素默認是可拖動的,而<a.../>元素只要設置href屬性,也是默認可以拖動的。

          對于普通元素而言,如果可以把他變成可拖動的,只需要把該元素的draggable屬性設為true即可。但是僅僅設置這個還不行,只表示元素可拖動,并沒有攜帶元素,用戶看不到效果。如果需要拖動操作攜帶數據,應該為被拖動元素的ondragstart事件指定監聽器。

          上面這些拖動中都帶了“禁止”標志,拖到目的地不能被接受,是因為拖動元素被“拖動”document對象時,document對象默認阻止了拖動事件。因此不能接受放。

          只要監聽document的ondrop方法,用戶把“<div.../>元素”放到document中,通過JavaScript代碼把該元素移動到該位置即可。

          TML5的無刷新技術。在html5出來前,實現無刷新前進后退通常是結合location.hash+onhashchange事件來實現的,有了html5,可以利用html5 history api來實現加載新頁面!

          實現無刷新前進后退通常是結合location.hash+onhashchange事件來實現的

          History對象原來有三個方法,一個屬性。

          history.length:歷史列表中的網址數。

          history.back():加載歷史列表前一個網址。

          history.forward():加載歷史列表后一個網址。

          history.go(num):加載歷史列表中的某個頁面,參數為相對當前頁面,跳轉的次數。go(-1)與back()效果相同,go(1)與forward()效果相同。go(-2)與單擊兩次后退按鈕執行的操作一樣。

          h5 history api實現無刷新跳轉

          HTML4.0、XHTML到HTML5,從某種意義上講,這是HTML描述性標記語言的一種更加規范的過程。因此,HTML5并沒有給開發者帶來多大的沖擊。但HTML5增加了很多非常實用的新功能和新特性,下面具體介紹HTML5的一些優勢。

          1、 解決了跨瀏覽器問題

          在HTML5之前,各大瀏覽器廠商為了爭奪市場占有率,會在各自的瀏覽器中增加各種各樣的功能,并且不具有統一的標準。使用不同的瀏覽器,常常看到不同的頁面效果。在HTML5中,納入了所有合理的擴展功能,具備良好的跨平臺性能。針對不支持新標簽的老式IE瀏覽器,只需簡單地添加JavaScript代碼就可以使用新的元素。推薦了解黑馬程序員web前端課程。

          2、新增了多個新特性

          HTML語言從1.0到5.0經歷了巨大的變化,從單一的文本顯示功能到圖文并茂的多媒體顯示功能,許多特性經過多年的完善,已經發展成為一種非常重要的標記語言。HTML5新增的特性如下。

          ● 新的特殊內容元素,比如header、nav、section、article、footer。

          ● 新的表單控件,比如calendar、date、time、email、url、search。

          ● 用于繪畫的canvas元素。

          ● 用于媒介回放的video和audio元素。

          ● 對本地離線存儲的更好支持。

          ● 地理位置、拖曳、攝像頭等API。


          HTML5標準的制定是以用戶優先為原則的,一旦遇到無法解決的沖突時,規范會把用戶放在第一位。另外,為了增強HTML5的使用體驗,還加強了以下兩方面的設計。

          ● 安全機制的設計

          為確保HTML5的安全,在設計HTML5時做了很多針對安全的設計。HTML5引入了一種新的基于開源的安全模型,該模型不僅易用,而且對不同的API(Application Programming Interface,應用程序編程接口)都通用。使用這個安全模型,不需要借助于任何不安全的hack就能跨域進行安全對話。

          ● 表現和內容分離

          表現和內容分離是HTML5設計中的另一個重要內容。實際上,表現和內容的分離早在HTML4.0中就有設計,但是分離的并不徹底。為了避免可訪問性差、代碼高復雜度、文件過大等問題,HTML5規范中更細致、清晰地分離了表現和內容。但是考慮到HTML5的兼容性問題,一些陳舊的表現和內容的代碼還是可以兼容使用的。

          4. 化繁為簡的優勢

          作為當下流行的通用標記語言,HTML5盡可能地簡化,嚴格遵循了“簡單至上”的原則,主要體現在這幾個方面:

          ● 新的簡化的字符集聲明;

          ● 新的簡化的DOCTYPE;

          ● 簡單而強大的HTML5 API;

          ● 以瀏覽器原生能力替代復雜的JavaScript代碼。 為了實現這些簡化操作,HTML5規范需要比以前更加細致、精確。為了避免造成誤解,HTML5對每一個細節都有著非常明確的規范說明,不允許有任何的歧義和模糊出現。


          喜歡記得關注一下哦。


          主站蜘蛛池模板: 亚欧在线精品免费观看一区| 秋霞午夜一区二区| 日韩精品人妻一区二区中文八零| 国产一区二区成人| 色视频综合无码一区二区三区| 久久中文字幕一区二区| 一区二区不卡视频在线观看| 日韩色视频一区二区三区亚洲| 国产福利一区二区三区视频在线| 日韩人妻无码一区二区三区久久| 国产福利电影一区二区三区久久老子无码午夜伦不 | 欧洲精品一区二区三区在线观看 | 白丝爆浆18禁一区二区三区| 亚洲av日韩综合一区久热| 国产情侣一区二区| 国产在线精品一区二区| 相泽亚洲一区中文字幕| 一区二区三区观看免费中文视频在线播放| 制服丝袜一区二区三区| 91久久精品一区二区| 亚洲一区二区无码偷拍| 国产一区精品视频| 97久久精品午夜一区二区| 精品一区二区三区在线观看视频| 日韩精品无码一区二区三区 | 国产亚洲综合一区柠檬导航| 亚洲国产精品一区二区久久hs| 在线观看精品一区| 红杏亚洲影院一区二区三区| 亚洲AV无码一区二区乱孑伦AS| 午夜视频一区二区三区| 成人免费av一区二区三区| 亚洲AV日韩综合一区| 无码精品国产一区二区三区免费| 日本一区二区三区四区视频| 国产精品无圣光一区二区| 国产亚洲综合一区二区三区 | 亚洲一区二区三区在线网站| 波多野结衣一区二区三区高清av| 国产婷婷色一区二区三区| 无码一区二区波多野结衣播放搜索|