javaｓｃｒｉｐｔ获取的实际大小代码示例

网页上的图片的大小似乎是相同的。最常见的有多页，地图通常是相同的大小，和页面的宽度看起来像这样，页面是直管，所以许多布局会觉得很无聊。我认为这很大程度上归功于旧的浏览器的限制。但随着现代浏览器的普及（火狐/谷歌/ IE11浏览器），少和网页的设计限制少，和Web程序员的想象能力得以充分发挥。

例如，冷知识：你知道如何从每一个窗口来{ }在这篇文章中，很多图片比文字宽度的限制，给人一种感觉的同时，混淆了错误和疏漏，让大画面显示在自己真实的尺寸上，给人更多的震撼感。

但从技术上讲，我们可以很容易地限制图片与文本的最大宽度，保持它们的宽度，我们需要每个图片的大小没有文本的宽度。我们可以宣布图片的原始尺寸当服务器编辑。更灵活的方式是通过把一个JS对网页动态获取原始大小和图片大小动态改变图片的大小。这意味着它是文本的老和最大宽度兼容，还可以显示图片的原始尺寸的时候。

如何使用Javaｓｃｒｉｐｔ在浏览器端获得图片的原始大小

复制代码代码如下所示：

img = $（var # img_id）； / /让我的img元素

无功pic_real_width，pic_real_height；

在内存中复制（$拷贝）图像以避免CSS问题

.attr（SRC，$（IMG）。Attr（SRC））

加载（函数（）{（））

pic_real_width = this.width； / /注：$（这）。Width（将）不

pic_real_height = this.height； / /工作记忆中的图像。

}）；
WebKit的浏览器（谷歌浏览器，等等）可以到图片的加载事件后得到的高度和宽度值。所以，你可以不使用超时函数等待一个延迟。最好的方法是使用图片的onload事件。

为了避免CSS对图片大小的影响，上述代码将图片复制到内存中进行计算。

如果页面是老式页面，则可以根据需要将此代码插入页面底部，并且不需要修改原始页面。