Javascript를 생각하는 법 - 정확합니까?

좀 자바 스크립트 예제를 통해 일하고 있어요, 난 그냥이 하나를했다 :Javascript를 생각하는 법 - 정확합니까?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

<title>Page title</title> 
<script type="text/javascript"> 
function displayText() 
{ 
document.getElementById('targetDIV').innerHTML = "You're using Javascript"; 
} 
</script> 

</head> 
<body onload="displayText()"> 
<h2>This should be before the other text.</h2> 

<div id="targetDIV"> 
</div> 

</body> 
</html>

확인을 클릭합니다. 아주 기본적인 것입니다, 저는 압니다. 그러나 저는 왜 어떤 것의 "왜"에 대해 혼란스러워했습니다. 다음과 같이 말하면 정확 할 수 있습니다.

기능 = WHAT이 발생합니다.

전화 (몸체로드 ...) = 언제이 발생합니다.

및 DIV ID = "targetDIV"=이

일이 일어날I는이 예제의 경우 알고 있지만, 일반적으로 방법의 일이 자바 스크립트에서 작동한다는 것입니다?

출처

2010-01-23 Joel

놀랍게도 그것을 추출하는 좋은 방법이라고해야합니다. –

-1? 어서 .......... 무슨 일이 일어나고있는거야? –

예, 머리를 감싸는 데는 꽤 좋은 작업 모델입니다.

본문의 onload를 이벤트라고하며 많은 개체가 이벤트를 실행합니다. 함수 displayText는 onload Event에 대한 응답으로 호출되므로 이벤트 핸들러입니다.

함수 내부의 코드는 아무 것도 할 수 있지만이 경우 페이지의 태그에 텍스트를 동적으로로드합니다.

이 시점에서 지적해야 할 몇 가지 다른 사항이 있습니다. document.getElementById를 사용하여 태그에 액세스합니다. document는 DOM 또는 문서 객체 모델이라는 페이지 모델을 포함하는 Javascript에서 사용할 수있는 변수입니다. 이는 페이지의 모든 항목을 계층 적으로 레이아웃하고 내용을 조작 할 수 있으므로 매우 강력합니다.

getElementById()는 DOM 트리를 검색하고 지정한 ID를 가진 객체를 반환하는 매우 유용한 함수로, 일종의 검색입니다. DIV 태그에 targetDIV ID를 추가했기 때문에 텍스트가 태그에 도착하므로 DOM 함수를 통해 찾을 수 있습니다.

자바 스크립트로 프로그래밍에 오신 것을 환영합니다. 이제 당신은 당신이 할 수있는 정말로 영리한 것들을 발견 할 수있는 goood working 모델을 가지고 있고, 웹 프로그래머로서의 당신의 삶은 결코 다시는 같지 않을 것입니다.

출처

2010-01-23 07:58:00 Simon

좋은 소리.

출처

2010-01-23 07:36:26 Dhana

upvotes를 얻는 것과 같은 대답에 loool. 좋은 올 '2010 Stackoverflow. – Kelseydh

Javascript를 생각하는 법 - 정확합니까?

답변

관련 문제