网页的正统,IMG不协理onload标签如何做
其一回想以前有人问过自家,然而自己当时还一向不留心那几个. 今后终于蒙受这几个标题了.因为 img 标签是不曾 onload 事件的.所以 UBB 代码中的img用到的onload来管理大的图纸张开自适应,那样的诀要就不能够应用了.
而是通过测验,body还能够带onload事件的, 所以小编消除的法子正是在页面全体加载完后再管理太大的图片.
于是乎小编用JS写了一段轻松的代码
相关代码
function ReImgSize(){
for (j=0;j<document.images.length;j++)
{
document.images[j].width=(document.images[j].width>420)?"420":document.images[j].width;
}
}
然后 在 body 上丰富 onload="ReImgSize()" 就足以了.
由此测验,在Mozilla和IE上通过.
在这里补充一下有关 图片的自适应,那一点Mozilla做的比IE好,因为能够用CSS来决定图片的自适应.
大家都了然 Mozilla 扶助二个 max-width 的CSS语法.于是,大家那样那样定义图片的大局样式
相关代码
img{
max-width:100%;height:auto;
}
如此图片就回在div或table内电动适应其大小了.
编辑:58彩票网络 本文来源:网页的标准
关键词: