document.getElementById에 대한 솔루션으로 제어 개체 비어 있음_기본 지식 가져오기

1. 다음은 페이지가 로드될 때 정보를 표시하는 간단한 예입니다

코드 복사 코드는 다음과 같습니다.

<%@ page Language="java " import= "java.util.*" pageEncoding="UTF-8"%>

< ;html>

페이지가 로드되기 전에 일부 정보가 출력됩니다

< ;/html>

실행 후에는 그야말로 "페이지가 로드되기 전에 정보가 출력됩니다."입니다.
2. 다음 예에서는 document.getElementById가 비어 있습니다.
내 계획은 페이지가 로드되면 의 텍스트 상자에 "hello, my friend!"라는 문자열과 같이 배경에서 처리된 데이터가 표시된다는 것입니다. 그런데 여기서 document.getElementById를 통해 읽어보면 객체가 비어 있다는 것입니다.
페이지 가 로드되기 전에 onLoad 메소드가 실행되기 때문에 id="mes"인 텍스트 상자에 해당하는 텍스트 상자가 아직 로드되지 않았습니다.

코드 복사 코드는 다음과 같습니다.

<%@ page Language="java " import= "java.util.*" pageEncoding="UTF-8"%>

< ;html>
🎜> 



  메시지는 다음과 같습니다.





3.
Html 웹페이지를 로드하면 먼저 를 로드한 다음 를 로드하세요.

따라서 뒤와 앞에 자바스크립트를 작성하면 됩니다. 프로그램은 순차적으로 실행되며, 해당 자바스크립트 호출이 실행될 때까지 실행될 수 있습니다. onLoad 메서드를 사용하지 않습니다. 코드는 다음과 같습니다.

코드 복사

코드는 다음과 같습니다.<%@ page Language="java " import= "java.util.*" pageEncoding="UTF-8"%>

< ;html>

메시지는 다음과 같습니다:



                                                                                          ~                       t.value="hello, my friend!"
}
showMessage() //메서드 호출 및 텍스트 상자 업데이트