快捷導(dǎo)航

網(wǎng)頁的標(biāo)準(zhǔn),IMG不支持onload標(biāo)簽怎么辦

更新時(shí)間：2006年06月29日 00:00:00 作者：

網(wǎng)頁的標(biāo)準(zhǔn),IMG不支持onload標(biāo)簽怎么辦

這個(gè)記得以前有人問過我,但是我那時(shí)還沒有注意這些. 現(xiàn)在終于遇到這個(gè)問題了.因?yàn)?nbsp;img 標(biāo)簽是沒有 onload 事件的.所以 UBB 代碼中的img用到的onload來處理大的圖片進(jìn)行自適應(yīng),這樣的辦法就不能采取了.
但是經(jīng)過測試,body還是可以帶onload事件的, 所以我解決的辦法就是在頁面全部加載完后再處理太大的圖片.

于是我用JS寫了一段簡單的代碼

相關(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;
}
}

然后在 body 上加上 onload="ReImgSize()" 就可以了.

經(jīng)過測試,在Mozilla和IE上通過.
在這里補(bǔ)充一下關(guān)于圖片的自適應(yīng),這點(diǎn)Mozilla做的比IE好,因?yàn)榭梢杂肅SS來控制圖片的自適應(yīng).
我們都知道 Mozilla 支持一個(gè) max-width 的CSS語法.于是,我們這樣這樣定義圖片的全局樣式

相關(guān)代碼

img{
max-width:100%;height:auto;
}

這樣圖片就回在div或table內(nèi)自動適應(yīng)其大小了.

IMG不支持onload

相關(guān)文章

JavaScript前端分頁實(shí)現(xiàn)示例
這篇文章主要為大家介紹了JavaScript前端分頁實(shí)現(xiàn)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
TypeScript新語法之infer?extends示例詳解
這篇文章主要為大家介紹了TypeScript新語法之infer?extends示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
electron創(chuàng)建新窗口模態(tài)框并實(shí)現(xiàn)主進(jìn)程傳值給子進(jìn)程
這篇文章主要為大家介紹了electron創(chuàng)建新窗口模態(tài)框并實(shí)現(xiàn)主進(jìn)程傳值給子進(jìn)程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-02-02
詳解如何在?JavaScript中使用媒體查詢
這篇文章主要為大家介紹了詳解如何在?JavaScript中使用媒體查詢，<BR>有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
JavaScript 實(shí)現(xiàn)點(diǎn)擊關(guān)閉全屏示例詳解
這篇文章主要為大家介紹了JavaScript 實(shí)現(xiàn)點(diǎn)擊關(guān)閉全屏示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
JavaScript函數(shù)柯里化
這篇文章主要介紹了JavaScript函數(shù)柯里化，柯里化即Currying是把接受多個(gè)參數(shù)的函數(shù)變換成接受一個(gè)單一參數(shù)函數(shù)，并且返回接受余下的參數(shù)且返回結(jié)果的新函數(shù)的技術(shù)，下面文章詳細(xì)內(nèi)容,需要的朋友可以參考一下
2021-11-11
Selection與Range 對象操作示例指南
這篇文章主要為大家介紹了Selection與Range 對象操作示例指南，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-09-09
微信小程序自定義創(chuàng)建詳細(xì)介紹
這篇文章主要介紹了微信小程序自定義創(chuàng)建詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下
2016-10-10
MutationObserver在頁面水印實(shí)現(xiàn)起到的作用詳解
這篇文章主要為大家介紹了MutationObserver在實(shí)現(xiàn)頁面水印所起到的作用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
Google Maps基礎(chǔ)及實(shí)例解析
本文主要介紹Google Maps基礎(chǔ),這里對Google Maps的知識做了詳細(xì)解析，并提供代碼示例作為學(xué)習(xí)參考，有興趣的朋友可以看一下
2016-08-08