웹페이지 표준, IMG가 onload 태그를 지원하지 않는 경우 어떻게 해야 하나요_JavaScript

웹페이지 표준, IMG가 onload 태그를 지원하지 않는 경우 어떻게 해야 하나요

이전에 누군가가 나에게 물어봤지만 당시에는 주의를 기울이지 않았던 기억이 납니다. 이제 마침내 이 문제가 발생했습니다. 왜냐하면 img 태그에 onload 이벤트가 없기 때문입니다. 그래서 UBB 코드의 img는 다음과 같습니다. 큰 이미지를 처리하기 위한 onload 이 방법은 이미지를 이미지에 맞게 조정하는 데 사용할 수 없습니다.
그러나 테스트 후에도 본문은 여전히 ​​onload 이벤트를 가져올 수 있으므로 내 해결책은 페이지가 완전히 채워진 후 너무 큰 이미지를 처리하는 것입니다. 로드되었습니다.

그래서 JS로 간단한 코드를 작성했습니다

관련 코드

함수 ReImgSize(){
for (j=0;j{
document.images[j].width=(document.images[j] .width>420)?"420":document.images[j].width;
}

}

그런 다음 onload="ReImgSize( " 이미지 적응을 추가합니다.
우리 모두는 Mozilla가 최대 너비 CSS 구문을 지원한다는 것을 알고 있으므로 이미지의 전역 스타일을 다음과 같이 정의합니다

관련 코드

img{

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

이렇게 하면 이미지가 div 내의 크기에 자동으로 맞춰집니다. 아니면 테이블.