gpt4 book ai didi

Javascript:图像对象 -> HTML 图像元素

转载 作者:行者123 更新时间:2023-11-28 04:57:05 24 4
gpt4 key购买 nike

代码将图像预加载到图像对象中,然后(应该)将其设置为 HTML 上的图像元素 src:

<!DOCTYPE html>
<html>
<head>
<script language="javascript">
window.onload = function () {
var oImage = new Image();
oImage.onload = function () {
document.getElementById('myImage').src = oImage;
alert('done');
};
oImage.src = 'image1.jpg';
}
</script>
</head>
<body>
<img id="myImage" src="" />
</body>
</html>

为什么它不起作用?

最佳答案

尝试

<!DOCTYPE html>
<html>

<head>

<script language="javascript">
window.onload = function () {

var oImage = new Image();

oImage.onload = function () {
document.getElementById('myImage').src = oImage.src;
alert('done');

};

oImage.src = 'image1.jpg';
};
</script>

</head>

<body>
<img id="myImage" src="" />
</body>

</html>

你不能为图像设置src,你必须将它设置为图像的src。(PS:在末尾添加分号并更改.src = oImage.src = oImage.src)

DEMO

关于Javascript:图像对象 -> HTML 图像元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20954400/

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