【零碎】js获取宽高和font-size大小以及样式表的其他值

Posted 2023-05-06

参考技术A 如果写在 样式表 里面, 用style.width拿不到宽度, 但是通过 element.offsetWidth 可以获取宽度
写在行内的就可以直接用style.width来获取
需要注意的是宽高在设定padding的时候是不同的:

对于普通元素一般第二个参数设置为null就可以了
此方法适用于通用样式表获取样式值

js如何获取图片的高和宽？根据我的部分代码添加完善，谢谢！

如何知道当前页面一个图片的地址为“123.jpg”宽=500，高=400
如何写js代码可以让下面的srcX=500，srcY=400

<script language="JavaScript">
//这里如何加代码？
var srcX= ; //当前的图片宽度
var srcY= ; //当前的图片高度
var bigX = 350; //预览窗大小,可以任意设置
var bigY = 280;
var smallX = 350; //缩略图宽度
var smallY = srcY * smallX / srcX;
var viewX = bigX / srcX * smallX; //预览范围
var viewY = bigY / srcY * smallY;
var bl = srcX / smallX;//缩小比例
var border = 1; //边框
window.onload=function ()
//head.innerHTML="图片载入";
smallpic.width=smallX;
smallpic.height=smallY;
... ...
... ...
<script language="JavaScript">
var srcX="1024" ; //当前的图片宽度
var srcY="768" ; //当前的图片高度

问题重新所一次吧，可能我的表达不清楚。
是这样的，上面两句代码是用于定义页面中一个图片的宽和高的，但是这个是死定义，而不是根据图片的实际高和宽，我想实现的效果就是，如果在这两句前写js代码（其它如果可以实现也可以写出来），可以让一个从数据库rs出来的图片地址，根据这个地址可以获取到该地址图片的宽和高，然后再赋值于srcX，和srcY，这样说明白吗？

就是这样的理论意思在页面写下面的代码（下面代码不会成立）
<script language="JavaScript">
var img.src="&rs("jpg")&" ;//指定src
W=获取img的宽 ; //这句怎么写？
H=获取img的高 ; //这句怎么写？
var srcX=W ; //当前的图片宽度
var srcY=H ; //当前的图片高度

然后前台点查看源代码时，可以看见
var img.src="123.jpg" ;//指定src
var srcX=500 ; //当前的图片实际宽度
var srcY=400 ; //当前的图片实际高度

可以这样吗？

参考技术A 用我的这个代码你测试下!

<script>
var flag=false;
function DrawImage(ImgD,FitWidth,FitHeight)
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0)
flag=true;
if(image.width/image.height>= FitWidth/FitHeight)
if(image.width>FitWidth)
ImgD.width=FitWidth;
ImgD.height=(image.height*FitWidth)/image.width;
else
ImgD.width=image.width;
ImgD.height=image.height;


else
if(image.height>FitHeight)
ImgD.height=FitHeight;
ImgD.width=(image.width*FitHeight)/image.height;
else
ImgD.width=image.width;
ImgD.height=image.height;




</script>
---------------------------------------------------------------
调用:
<img border=0 src=123.jpg onload="javascript:DrawImage(this,500,400);">
其中:宽=500，高=400 可以修改.