JavaScript에서 이 이벤트는 페이지가 완전히 표시될 때 특정 기능을 실행하기 위해 적용될 수 있습니다. 또한 방문자의 브라우저 유형과 버전을 확인하는 데에도 사용할 수 있습니다. 다음을 사용하여 페이지에서 어떤 쿠키를 사용하는지 확인할 수 있습니다. 길 위에 기인하다.
HTML에서는 객체가 로드되면 onload 속성이 실행됩니다. 이 속성의 목적은 관련 요소가 로드될 때 스크립트를 실행하는 것입니다.
HTML에서는 길 위에 속성은 일반적으로 다음과 함께 사용됩니다. 웹페이지의 콘텐츠(CSS 파일, 이미지, 스크립트 등 포함)가 완전히 로드되면 스크립트를 실행하는 요소입니다. 다른 HTML 요소와 함께 사용할 수 있으므로 반드시 tag 에만 사용할 필요는 없습니다.
차이점은 document.onload 그리고 창.온로드 이다: document.onload 이미지 및 기타 외부 콘텐츠를 로드하기 전에 트리거됩니다. 직전에 발사됩니다 창.온로드 . 동안 창.온로드 CSS 파일, 스크립트 파일, 이미지 등을 포함하여 전체 페이지가 로드될 때 트리거됩니다.
C의 난수 생성기
통사론
window.onload = fun()
몇 가지 예를 사용하여 이 이벤트를 이해해 보겠습니다.
실시예 1
이 예에는 높이가 200px이고 너비가 200px인 div 요소가 있습니다. 여기서는 window.onload() 배경색, 너비, 높이를 변경하려면 div 웹 페이지를 로드한 후 요소입니다.
김프 글꼴 목록
배경색은 다음과 같이 설정됩니다. '빨간색' , 너비와 높이는 다음과 같이 설정됩니다. 300px 각.
window.onload() #bg{ width: 200px; height: 200px; border: 4px solid blue; } window.onload = function(){ document.getElementById('bg').style.backgroundColor = 'red'; document.getElementById('bg').style.width = '300px'; document.getElementById('bg').style.height = '300px'; } <h2> This is an example of window.onload() </h2> 지금 테스트해보세요 산출
코드를 실행하고 페이지를 로드한 후 출력은 다음과 같습니다.
실시예2
이번 예제에서는 DOM 객체의 속성과 DOM 객체의 함수를 이용하여 간단한 애니메이션을 구현해 보겠습니다. 자바스크립트 . 우리는 자바스크립트 기능 getElementById()를 사용하여 DOM 개체를 가져온 다음 해당 개체를 전역 변수에 할당합니다.
문자열에 정수
var img = null; function init(){ img = document.getElementById('myimg'); img.style.position = 'relative'; img.style.left = '50px'; } function moveRight(){ img.style.left = parseInt( img.style.left) + 100 + 'px'; } window.onload = init; <p>Click the below button to move the image right</p> 지금 테스트해보세요 산출
위 코드가 성공적으로 실행되면 출력은 다음과 같습니다.
이제 HTML을 사용하는 예가 있습니다. 길 위에 속성과 JavaScript 함수.
살만 칸 나이
실시예3
HTML을 사용하는 간단한 예입니다. 길 위에 JavaScript에 정의된 함수가 있는 속성입니다. 이 예에서는 알리다() 문서가 새로 고쳐질 때마다 함수가 호출됩니다.
function fun() { alert('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> 지금 테스트해보세요 산출
위 코드를 실행한 후 출력은 다음과 같습니다.
