HTML 網(wǎng)頁元素

image元素

alt屬性，src屬性

alt屬性返回image元素的HTML標簽的alt屬性值，src屬性返回image元素的HTML標簽的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屬性

complete屬性返回一個布爾值，true表示當前圖像屬于瀏覽器支持的圖形類型，并且加載完成，解碼過程沒有出錯，否則就返回false。

height屬性，width屬性

這兩個屬性返回image元素被瀏覽器渲染后的高度和寬度。

naturalWidth屬性，naturalHeight屬性

這兩個屬性只讀，表示image對象真實的寬度和高度。

myImage.addEventListener('onload', function() {
    console.log('My width is: ', this.naturalWidth);
    console.log('My height is: ', this.naturalHeight);
});

audio元素，video元素

audio元素和video元素加載音頻和視頻時，以下事件按次序發(fā)生。

• loadstart：開始加載音頻和視頻。
• durationchange：音頻和視頻的duration屬性（時長）發(fā)生變化時觸發(fā)，即已經(jīng)知道媒體文件的長度。如果沒有指定音頻和視頻文件，duration屬性等于NaN。如果播放流媒體文件，沒有明確的結(jié)束時間，duration屬性等于Inf（Infinity）。
• loadedmetadata：媒體文件的元數(shù)據(jù)加載完畢時觸發(fā)，元數(shù)據(jù)包括duration（時長）、dimensions（大小，視頻獨有）和文字軌。
• loadeddata：媒體文件的第一幀加載完畢時觸發(fā)，此時整個文件還沒有加載完。
• progress：瀏覽器正在下載媒體文件，周期性觸發(fā)。下載信息保存在元素的buffered屬性中。
• canplay：瀏覽器準備好播放，即使只有幾幀，readyState屬性變?yōu)镃AN_PLAY。
• canplaythrough：瀏覽器認為可以不緩沖（buffering）播放時觸發(fā)，即當前下載速度保持不低于播放速度，readyState屬性變?yōu)镃AN_PLAY_THROUGH。

除了上面這些事件，audio元素和video元素還支持以下事件。