new Image()

最新推荐文章于 2025-09-01 17:11:13 发布

原创最新推荐文章于 2025-09-01 17:11:13 发布 · 4.1k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue

收录于

vue 专栏收录该内容

49 篇文章

订阅专栏

这篇博客介绍了如何在JavaScript中创建并操作图像对象，包括设置源(src)、加载事件.onload、错误处理事件.onerror以及设置边框属性。示例代码展示了如何在页面上动态添加图片，并在图片加载成功或失败时弹出提示。

建立图像对象：图像对象名称=new Image([宽度],[高度])

图像对象的属性： border complete height hspace lowsrc name src vspace width

图像对象的事件：onabort onerror onkeydown onkeypress onkeyup onload

 
var img=new Image();
    img.src="17.png";
    img.onload=function(){alert("img is loaded")};
    img.onerror=function(){alert("error!")};
    img.border="3px solid #ccc"; 
    document.getElementById("one").appendChild(img);
//会渲染为img标签