Question

首先，抱歉我非常无趣，但我刚开始使用javascript并且有很多问题。

1。）通过javascript或HTML加载图片会更快吗？

我会假设HTML以及浏览器启用javascript之类的东西，使用HTML会更安全吗？我只是想弄清楚什么时候使用javascript vs CSS，jquery更好，因为我现在正在使用jquery的东西看起来很慢..

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

＆＃13;

    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);

＆＃13;

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

＆＃13;

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>

＆＃13;

Answer 1

两者的图像加载时间相同，但可能不同。您可以在网络选项卡中查看它。并且您可以使用＆＃39;图像完整属性＆＃39;。完整属性将返回浏览器是否已完成加载图像。

使用Javascript与HTML显示图像

1 个答案: