麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

Javascript判斷圖片尺寸大小實例分析

2019-11-20 14:28:41
字體：大 中 小
來源：轉載
供稿：網友

通常我們判斷js圖片大小都是利用images對象，然后再用attr來獲取圖片地址再進行判斷就可以了，下面來看一些例子。
最簡單辦法：

復制代碼 代碼如下:

var img=new Image();
    img.src=$('#tlogo').attr('src');
    if(img.width > '240'){
        $('#tlogo').attr('width','240');
}

上面例子碰到如果頁面沒有加載完的時候，這時js就獲取不了圖片大小了，對此我們可以先判斷加載完成否再判斷圖片大小。

復制代碼 代碼如下:

<img id="img2" src="images/1.jpg" />
<script language="JavaScript">
    document.getElementById("img2").onload = function () {
        alert("圖片加載已完成");
    }
</script>

或者采用jquery：

復制代碼 代碼如下:

$("#imageId").load(function(){
   alert("加載完成！");
});

至此我們就可以對代碼進行優化了

復制代碼 代碼如下:

$("#tlogo").load(function(){
 var img=new Image();
        img.src=$('#tlogo').attr('src');
        if(img.width > '240'){
        $('#tlogo').attr('width','240');
}
});

此處注意:#tlogo 就是你圖片地址中加的一個ID這個是必須的。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 国产精品久久久久久婷婷天堂 | 色七七网站 | v11av在线视频成人 | 一区国产视频 | 国产精品视频一区二区三区四区五区 | 国产精品久久久久久久久久大牛 | 国产精品久久久久久久久久妇女 | 久久久涩 | 毛片免费观看日本中文 | 国产美女做爰免费视 | 黄色高清免费网站 | 精品无码一区在线观看 | 中文字幕免费一区 | 九九精品影院 | 欧美黄 片免费观看 | 免费一级毛片在线播放不收费 | 91精品国产一区二区在线观看 | 精品亚洲网站 | av老司机久久 | 黄污网站在线观看 | 国产一级二级视频 | 久久最新免费视频 | 91精品国产综合久久久欧美 | 亚洲国产色婷婷 | 精品一区二区三区免费毛片爱 | 久久精品超碰 | 国产高清一区 | 国产高潮好爽受不了了夜色 | 欧美一级高潮 | 蜜桃视频在线免费观看 | 色播亚洲 | 黄色大片高清 | 欧美一级视频免费看 | 成年免费视频黄网站在线观看 | 91精选视频在线观看 | 懂色av懂色aⅴ精彩av | 中文字幕网在线 | 5a级毛片 | 综合在线视频 | 亚洲精品自在在线观看 | 亚洲网站在线观看视频 |