?
This document uses PHP Chinese website manual Release
image元素
alt屬性,src屬性
complete屬性
height屬性,width屬性
naturalWidth屬性,naturalHeight屬性
audio元素,video元素
alt屬性返回image元素的HTML標(biāo)簽的alt屬性值,src屬性返回image元素的HTML標(biāo)簽的src屬性值。
// 方法一:HTML5構(gòu)造函數(shù)Image var img1 = new Image(); img1.src = 'image1.png'; img1.alt = 'alt'; document.body.appendChild(img1); // 方法二:DOM HTMLImageElement var img2 = document.createElement('img'); img2.src = 'image2.jpg'; img2.alt = 'alt text'; document.body.appendChild(img2); document.images[0].src // image1.png
complete屬性返回一個(gè)布爾值,true表示當(dāng)前圖像屬于瀏覽器支持的圖形類型,并且加載完成,解碼過(guò)程沒有出錯(cuò),否則就返回false。
這兩個(gè)屬性返回image元素被瀏覽器渲染后的高度和寬度。
這兩個(gè)屬性只讀,表示image對(duì)象真實(shí)的寬度和高度。
myImage.addEventListener('onload', function() { console.log('My width is: ', this.naturalWidth); console.log('My height is: ', this.naturalHeight); });
audio元素和video元素加載音頻和視頻時(shí),以下事件按次序發(fā)生。
loadstart:開始加載音頻和視頻。
durationchange:音頻和視頻的duration屬性(時(shí)長(zhǎng))發(fā)生變化時(shí)觸發(fā),即已經(jīng)知道媒體文件的長(zhǎng)度。如果沒有指定音頻和視頻文件,duration屬性等于NaN。如果播放流媒體文件,沒有明確的結(jié)束時(shí)間,duration屬性等于Inf(Infinity)。
loadedmetadata:媒體文件的元數(shù)據(jù)加載完畢時(shí)觸發(fā),元數(shù)據(jù)包括duration(時(shí)長(zhǎng))、dimensions(大小,視頻獨(dú)有)和文字軌。
loadeddata:媒體文件的第一幀加載完畢時(shí)觸發(fā),此時(shí)整個(gè)文件還沒有加載完。
progress:瀏覽器正在下載媒體文件,周期性觸發(fā)。下載信息保存在元素的buffered屬性中。
canplay:瀏覽器準(zhǔn)備好播放,即使只有幾幀,readyState屬性變?yōu)镃AN_PLAY。
canplaythrough:瀏覽器認(rèn)為可以不緩沖(buffering)播放時(shí)觸發(fā),即當(dāng)前下載速度保持不低于播放速度,readyState屬性變?yōu)镃AN_PLAY_THROUGH。
除了上面這些事件,audio元素和video元素還支持以下事件。
事件 | 觸發(fā)條件 |
---|---|
abort | 播放中斷 |
emptied | 媒體文件加載后又被清空,比如加載后又調(diào)用load方法重新加載。 |
ended | 播放結(jié)束 |
error | 發(fā)生錯(cuò)誤。該元素的error屬性包含更多信息。 |
pause | 播放暫停 |
play | 暫停后重新開始播放 |
playing | 開始播放,包括第一次播放、暫停后播放、結(jié)束后重新播放。 |
ratechange | 播放速率改變 |
seeked | 搜索操作結(jié)束 |
seeking | 搜索操作開始 |
stalled | 瀏覽器開始嘗試讀取媒體文件,但是沒有如預(yù)期那樣獲取數(shù)據(jù) |
suspend | 加載文件停止,有可能是播放結(jié)束,也有可能是其他原因的暫停 |
timeupdate | 網(wǎng)頁(yè)元素的currentTime屬性改變時(shí)觸發(fā)。 |
volumechange | 音量改變時(shí)觸發(fā)(包括靜音)。 |
waiting | 由于另一個(gè)操作(比如搜索)還沒有結(jié)束,導(dǎo)致當(dāng)前操作(比如播放)不得不等待。 |