Image()

基线广泛可用

自 2015年7月起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

Image() 构造函数用于创建一个新的 HTMLImageElement 实例。它的功能等价于 document.createElement('img')。

本文内容

js
new Image()
new Image(width)
new Image(width, height)

width

图片的宽度 (即 width 属性).

图片的高度 (即 height 属性).

js
var myImage = new Image(100, 200);
myImage.src = "picture.jpg";
document.body.appendChild(myImage);

上面的代码相当于在 <body>中定义了下面的 HTML:

html

备注：无论构造函数中指定的大小是多少，都会加载整个位图。如果在构造时指定了尺寸信息，那么将会反应在实例的 HTMLImageElement.width 和 HTMLImageElement.height 属性上。图像自身的 CSS 像素值将会反应在HTMLImageElement.naturalWidth 和 HTMLImageElement.naturalHeight属性。如果没有指定值，那么两个属性的值相同

启用 JavaScript 以查看此浏览器兼容性表。

此页面对您有帮助吗？

是否

此页面最后更新于 2025年4月13日，由 MDN 贡献者更新。