使用Javascript vs HTML來顯示圖像

首先，抱歉我的令人難以置信的noobishness，但我只是開始JavaScript和有很多問題。使用Javascript vs HTML來顯示圖像

1.）通過JavaScript或HTML加載圖像會更快嗎？

我會假設HTML，也是類似的東西，在瀏覽器上啓用JavaScript，使用HTML會更安全？我只是想弄清楚的時候，最好是使用JavaScript VS CSS，jQuery的，現在我已經工作了一點似乎與jQuery很慢..

小提琴：https://jsfiddle.net/jzhang172/44v297n0/

var img = new Image(100,200); 
 
    img.src = "https://vignette4.wikia.nocookie.net/pokemon/images/5/5f/025Pikachu_OS_anime_11.png/revision/latest?cb=20150717063951"; 
 

 
console.log(img); 
 

 
    // This next line will just add it to the <body> tag 
 
    document.getElementById('ok').appendChild(img);

img{ 
 
    height:300px; 
 
    width:200px; 
 
    border:1px solid green; 
 
} 
 
.ok{ 
 
    width:300px; 
 
    height:300px; 
 
}

I am but a HTML image<img src="https://vignette4.wikia.nocookie.net/pokemon/images/5/5f/025Pikachu_OS_anime_11.png/revision/latest?cb=20150717063951" alt=""> 
 

 

 
<div id="ok">Hello, I was put here by Javascript</div>

來源

2016-03-22 Snorlax

圖像加載時間將相同（可能是渲染端的細微變化），您需要查看是否花費時間從遠程源獲取圖像或進行渲染 –

謝謝Arun，我如何檢查這些東西？ – Snorlax

使用瀏覽器開發工具的網絡選項卡 –

圖像加載時間對於兩者都是相同的，但它可能會有所不同。您可以在網絡選項卡中進行檢查。您可以使用'圖像完成屬性'。完整的屬性返回瀏覽器是否完成加載圖像。

來源

2016-03-22 05:27:06

使用Javascript vs HTML來顯示圖像

回答

相關問題