写了一个简单的例子,应该是你说的动态获取!
<img id="abc" src="time1gif" />
<div id="oId" style="background-color:#ccc; border:1px solid #ddd; color:#00f; width:100px; height:100px; line-height:100px; text-align:center;"></div>
<script type="text/javascript">
var oImg = documentgetElementById('abc');
var oId = documentgetElementById('oId');
var i = 1;
function checkimg(){
if(i<3){
i++;
alert(oImgsrc);
oImgsrc='time'+i+'gif';
oIdinnerHTML = oImgwidth;
}
else i = 0;
}
setInterval("checkimg()",5000)
</script>
给img添加加载事件,图像加载完成才能获取的尺寸。
html中添加onload
function showSize(img){
alert(imgwidth);
alert(imgheight);
}
<div style="width:100px;height:600px"><img src="1jpg" onload="showSize(this)"></div>
或者js代码中添加onload
let img=documentquerySelector("div img");
imgonload = function() {
alert(imgheight);
alert(imgwidth);
}
以上就是关于javascript 怎么获得SRC图片的高宽全部的内容,包括:javascript 怎么获得SRC图片的高宽、js如何获取图片显示时的大小尺寸、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)