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