数码资讯
一个实例分析javascript的大小判断图片的大小
通常我们认为JS图像的大小是通过使用图像对象,然后属性用于获取图片的地址,然后我们可以做判断。下面是一些例子。 最简单的方法: 复制代码代码如下所示: VaR img =新的图像(); img src= $(' # tlogo)。Attr('src); 如果(img.width > '240){ $
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
通常我们认为JS图像的大小是通过使用图像对象,然后属性用于获取图片的地址,然后我们可以做判断。下面是一些例子。
最简单的方法:
复制代码代码如下所示:
VaR img =新的图像();
img src= $(' # tlogo)。Attr('src);
如果(img.width > '240){
$(# tlogo)。Attr('width ','240);
}
上面的例子是,如果没有加载页面,js将无法获得图片的大小。我们可以先判断负载是否完成,然后判断图片的大小。
复制代码代码如下所示:
document.getelementbyid(IMG2)。指针函数(){
警报(图像加载已完成);
}
或者jQuery:
复制代码代码如下所示:
$(# imageid)。负荷(函数(){)
警报()加载完毕!;
});
在这一点上,我们可以优化代码。
复制代码代码如下所示:
$(# tlogo)。负荷(函数(){)
VaR img =新的图像();
img src= $(' # tlogo)。Attr('src);
如果(img.width > '240){
$(# tlogo)。Attr('width ','240);
}
});
请注意:# tlogo是一个在您的图片地址是必要的ID。
最简单的方法:
复制代码代码如下所示:
VaR img =新的图像();
img src= $(' # tlogo)。Attr('src);
如果(img.width > '240){
$(# tlogo)。Attr('width ','240);
}
上面的例子是,如果没有加载页面,js将无法获得图片的大小。我们可以先判断负载是否完成,然后判断图片的大小。
复制代码代码如下所示:
document.getelementbyid(IMG2)。指针函数(){
警报(图像加载已完成);
}
或者jQuery:
复制代码代码如下所示:
$(# imageid)。负荷(函数(){)
警报()加载完毕!;
});
在这一点上,我们可以优化代码。
复制代码代码如下所示:
$(# tlogo)。负荷(函数(){)
VaR img =新的图像();
img src= $(' # tlogo)。Attr('src);
如果(img.width > '240){
$(# tlogo)。Attr('width ','240);
}
});
请注意:# tlogo是一个在您的图片地址是必要的ID。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。