gpt4 book ai didi

javascript - 使用 Javascript 与 HTML 来显示图像

转载 作者:行者123 更新时间:2023-12-03 07:22:34 24 4
gpt4 key购买 nike

首先,我很抱歉我的愚昧无知,但我刚刚开始使用 javascript,有很多问题。

1.) 通过 javascript 或 HTML 加载图像会更快吗?

我会假设 HTML 以及浏览器上启用的 JavaScript 之类的东西,使用 HTML 会更安全吗?我只是想弄清楚什么时候使用 javascript 与 CSS、jquery 更好,因为我现在正在工作的东西使用 jquery 似乎很慢..

fiddle :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>

最佳答案

两者的图像加载时间相同,但也可能有所不同。您可以在网络选项卡中检查它。并且您可以使用“图像完整属性”。完整属性返回浏览器是否完成加载图像。

关于javascript - 使用 Javascript 与 HTML 来显示图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36146582/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com