使用JavaScript调整图像大小

我有一个网页，其中有一个图像。 我想用这个脚本在博客上发布这个图片

var url='1〕http://www. jpg'；
var image=新图像（）；
image.src=url；
document.getElementById（'container'）.appendChild（图像）；

如何调整图像大小并为博客访问者添加链接以返回图像页面？

使用！

---

element.style.transfom=“比例（x，y）”

虽然我不太清楚你到底想实现什么，但如果你所做的只是在博客或网站上添加一个图像，那么似乎没有什么理由使用大量JavaScript

如果我正确理解你的问题，你可以不用使用简单的HTML和CSS

<div id="container">
<a href="linktowherever" target="_blank">
<img src="linktoimage" style="width:50px;">
</a>
</div>

让浏览器的渲染器进行大小调整

如果你真的必须通过JavaScript来实现这一点，那么你可以像这样重新创建上面的HTML

<script>
var url = 'http://www. jpg';
var image = new Image();
image.src = url;
image.style.width = "50px";
var link = document.createElement("a");
link.href = "linktowherever";
link.target = '_blank';
link.appendChild( image );
document.getElementById('container').appendChild( link );
</script>

var url='1〕http://www. jpg'；
var image=新图像（）；
image.src=url；
image.style.width=“50px”；
var link=document.createElement（“a”）；
link.href=“linktowhere”；
link.target=''u blank'；
link.appendChild（图像）；
document.getElementById（'container'）.appendChild（链接）；

我会在原始页面中嵌入所有必要的HTML，并在需要时使用CSS使其可见和大小正确

函数ShowImage（）{
document.getElementById（“theLink”）.href=”https://stackoverflow.com";
document.getElementById（“theImg”）.src=”https://cdn.sstatic.net/Img/unified/sprites.svg?v=fcc0ea44ba27";
document.getElementById（“容器”）.classList.remove（“细节隐藏”）；
}

.detail隐藏。detail{
显示：无；
}
.集装箱img{
最大宽度：50px；
}

显示图像

<script>
var url = 'http://www. jpg';
var image = new Image();
image.src = url;
image.style.width = "50px";
var link = document.createElement("a");
link.href = "linktowherever";
link.target = '_blank';
link.appendChild( image );
document.getElementById('container').appendChild( link );
</script>