站長資訊網(wǎng)
HTML5上傳視頻無法播放以及兼容的解決方法（圖）
一、視頻無法播放原因分析 1、路徑不對 <video width="100%" height="100%" controls="controls"> <sourc...
網(wǎng)頁制作 第72頁
HTML5編程實戰(zhàn)之三-圖片文本(txt)拖拽預(yù)覽實現(xiàn)代碼
本文主要用到的知識 HTML5中的File及FileReader接口 源碼 <!DOCTYPE html><html><head> <meta http-equiv="Content-...
HTML5編程實戰(zhàn)之二-使用動畫的形式切換圖片代碼案例
本文主要用到的知識 本文主要用到了Canvas API中的drawImage方法，下面對此方法略做介紹。 在Canvas API中繪制圖像用drawImage方法，這是一個重載方法，定義如下： context.drawImage(i...
HTML5編程實戰(zhàn)之一-實現(xiàn)HTML5時鐘的示例代碼分享
HTML5編程實戰(zhàn)之一-實現(xiàn)HTML5時鐘的示例代碼分享 <!DOCTYPE html><html><head> <meta http-equiv="Content-Type" ...
HTML5 Canvas實戰(zhàn)之實現(xiàn)煙花效果的代碼案例
1、效果 2、代碼解析 （1）requestAnimationFrame requestAnimationFrame是瀏覽器用于定時循環(huán)操作的一個接口，類似于setTimeout，主要用途是按幀對網(wǎng)頁進(jìn)行重繪。 設(shè)置這個API的目的是為了讓...
HTML5本地存儲之localStorage、sessionStorage的具體分析
1、概述 localStorage和sessionStorage統(tǒng)稱為Web Storage，它使得網(wǎng)頁可以在瀏覽器端儲存數(shù)據(jù)。 sessionStorage保存的數(shù)據(jù)用于瀏覽器的一次會話，當(dāng)會話結(jié)束（通常是該窗口關(guān)閉），數(shù)據(jù)被清空；loc...
HTML5主要新增標(biāo)簽的使用代碼分享
HTML5新標(biāo)簽之Canvas詳細(xì)介紹
1、概述 Canvas 用于在網(wǎng)頁展示圖像，并且可以定制內(nèi)容，基本上它是一個可以用JavaScript操作的位圖（bitmap）。 Canvas API用于網(wǎng)頁實時生成圖像，JavaScript通過API來操作圖像內(nèi)容。這樣做的優(yōu)點(diǎn)是：減少...
HTML5新特性之文件和二進(jìn)制數(shù)據(jù)的操作
歷史上，JavaScript無法處理二進(jìn)制數(shù)據(jù)。如果一定要處理的話，只能使用charCodeAt()方法，一個個字節(jié)地從文字編碼轉(zhuǎn)成二進(jìn)制數(shù)據(jù)，還有一種辦法是將二進(jìn)制數(shù)據(jù)轉(zhuǎn)成Base64編碼，再進(jìn)行處理。這兩種方法不僅速度慢，而且容易出錯。...
HTML5新特性之跨文檔消息傳輸詳解
1、同域限制 所謂“同域限制”是指，出于安全考慮，瀏覽器只允許腳本與同樣協(xié)議、同樣域名、同樣端口的地址進(jìn)行通信。 2、window.postMessage方法 瀏覽器限制不同窗口（包括iFrame窗口）之間的通信，除非兩個窗口裝載的是同一個...
