網(wǎng)頁(yè)的標(biāo)準(zhǔn),IMG不支持onload標(biāo)簽怎么辦
更新時(shí)間：2006年06月29日 00:00:00 作者：
網(wǎng)頁(yè)的標(biāo)準(zhǔn),IMG不支持onload標(biāo)簽怎么辦
這個(gè)記得以前有人問(wèn)過(guò)我,但是我那時(shí)還沒(méi)有注意這些. 現(xiàn)在終于遇到這個(gè)問(wèn)題了.因?yàn)?nbsp;img 標(biāo)簽是沒(méi)有 onload 事件的.所以 UBB 代碼中的img用到的onload來(lái)處理大的圖片進(jìn)行自適應(yīng),這樣的辦法就不能采取了.
但是經(jīng)過(guò)測(cè)試,body還是可以帶onload事件的, 所以我解決的辦法就是在頁(yè)面全部加載完后再處理太大的圖片.
于是我用JS寫(xiě)了一段簡(jiǎn)單的代碼
相關(guān)代碼
然后 在 body 上加上 onload="ReImgSize()" 就可以了.
經(jīng)過(guò)測(cè)試,在Mozilla和IE上通過(guò).
在這里補(bǔ)充一下關(guān)于 圖片的自適應(yīng),這點(diǎn)Mozilla做的比IE好,因?yàn)榭梢杂肅SS來(lái)控制圖片的自適應(yīng).
我們都知道 Mozilla 支持一個(gè) max-width 的CSS語(yǔ)法.于是,我們這樣這樣定義圖片的全局樣式
相關(guān)代碼
這樣圖片就回在div或table內(nèi)自動(dòng)適應(yīng)其大小了.
但是經(jīng)過(guò)測(cè)試,body還是可以帶onload事件的, 所以我解決的辦法就是在頁(yè)面全部加載完后再處理太大的圖片.
于是我用JS寫(xiě)了一段簡(jiǎn)單的代碼
相關(guān)代碼function ReImgSize(){
for (j=0;j<document.images.length;j++)
{
document.images[j].width=(document.images[j].width>420)?"420":document.images[j].width;
}
}
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()" 就可以了.
經(jīng)過(guò)測(cè)試,在Mozilla和IE上通過(guò).
在這里補(bǔ)充一下關(guān)于 圖片的自適應(yīng),這點(diǎn)Mozilla做的比IE好,因?yàn)榭梢杂肅SS來(lái)控制圖片的自適應(yīng).
我們都知道 Mozilla 支持一個(gè) max-width 的CSS語(yǔ)法.于是,我們這樣這樣定義圖片的全局樣式
相關(guān)代碼 img{
max-width:100%;height:auto;
}
max-width:100%;height:auto;
}
這樣圖片就回在div或table內(nèi)自動(dòng)適應(yīng)其大小了.
相關(guān)文章
JS圖形編輯器實(shí)現(xiàn)標(biāo)尺功能示例詳解
這篇文章主要為大家介紹了JS圖形編輯器實(shí)現(xiàn)標(biāo)尺功能示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
這篇文章主要介紹了微信小程序 側(cè)滑刪除（左滑刪除）的相關(guān)資料,需要的朋友可以參考下2017-05-05
這篇文章主要介紹了微信小程序 canvas API詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10
微信小程序 開(kāi)發(fā)經(jīng)驗(yàn)整理
這篇文章主要介紹了微信小程序 開(kāi)發(fā)經(jīng)驗(yàn)整理的相關(guān)資料,需要的朋友可以參考下2017-02-02
這篇文章主要為大家介紹了實(shí)現(xiàn)JS前端輕量fabric.js系列物體基類(lèi)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
Javascript使用integrity屬性進(jìn)行安全驗(yàn)證
這篇文章主要介紹了Javascript使用integrity屬性進(jìn)行安全驗(yàn)證，在html中，script標(biāo)簽可以通過(guò)src屬性引入一個(gè)js文件，引入的js文件可以是本地的，也可以是遠(yuǎn)程的，下面我們一起來(lái)看看文章詳細(xì)內(nèi)容2021-11-11
Promise靜態(tài)四兄弟實(shí)現(xiàn)示例詳解
這篇文章主要為大家介紹了Promise靜態(tài)四兄弟實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要為大家介紹了異步觀察目標(biāo)元素方式完成分頁(yè)加載示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
JavaScript設(shè)計(jì)模式之命令模式和狀態(tài)模式詳解
這篇文章主要為大家介紹了JavaScript設(shè)計(jì)模式之命令模式和狀態(tài)模式詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
微信小程序 五星評(píng)價(jià)功能的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序 五星評(píng)價(jià)功能的實(shí)現(xiàn)的相關(guān)資料,這里附有實(shí)例代碼及實(shí)現(xiàn)效果圖，需要的朋友可以參考下2017-03-03