此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
Image()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
Image() 构造函数用于创建一个新的HTMLImageElement 实例。它的功能等价于document.createElement('img')。
语法
js
new Image()new Image(width)new Image(width, height)参数
示例
js
var myImage = new Image(100, 200);myImage.src = "picture.jpg";document.body.appendChild(myImage);上面的代码相当于在<body>中定义了下面的 HTML:
html
<img width="100" height="200" src="picture.jpg" />备注：无论构造函数中指定的大小是多少，都会加载整个位图。如果在构造时指定了尺寸信息，那么将会反应在实例的HTMLImageElement.width 和HTMLImageElement.height 属性上。图像自身的 CSS 像素值将会反应在HTMLImageElement.naturalWidth 和HTMLImageElement.naturalHeight属性。如果没有指定值，那么两个属性的值相同
规范
| Specification |
|---|
| HTML # dom-image-dev |