자바스크립트 기초 3가지 카테고리, 콜백함수, 내장객체, 이벤트처리_기본지식

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

함수 클래스 이름(매개변수 목록) {
이것 .attribute;
......
this.function
}

이런 식으로 함수와 데이터 멤버는 "this"를 사용하여 구현됩니다.
간단한 수업 학생을 직접 정의한 후 구성하고 출력 기능을 구현해 보겠습니다.

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

input type="Button" value = "HTML" onclick="alertW();" >
이것은 내 JSP 페이지입니다.
--> 🎜>



버튼을 정의한 다음 응답 이벤트를 제공하는 것은 실제로는 첫 번째 방법입니다. 간단하게, 버튼 컨트롤에서 직접 사용할 수도 있습니다:
여기서는 경고()의 문자열이 작은따옴표를 사용합니다. 큰따옴표를 사용할 수 없습니다.
둘은 동일한 효과를 갖습니다.

그런데 두번째 유형은 거의 사용하지 않는군요. 오랫동안 바이두를 검색해서 윈도우 객체의 이벤트를 확인하고 여러번 테스트를 해보았으나 onload 이벤트만 가능합니다.

코드 복사

코드는 다음과 같습니다.

신중하게 조사한 결과 "onbeforeunload" 등 많은 이벤트가 IE에서만 가능하므로 주저 없이 이 방법을 포기하겠습니다. 그냥 알아두세요.

PS 바이두를 이용해서 "완전한 웹페이지 제작 매뉴얼"을 검색해 보세요. 먼저 나오는 시나 파일을 다운받으시면 되는데, 필요하시면 다운받아서 참고하세요~

자,
세 번째 유형

은 Ajax 프레임워크에서 널리 사용된다고 하는데, Ajax를 모르는 사람으로서는. . . 응, 천천히 배워보자.
세 번째 유형은 다음 부분에서 논의할 DOM과 약간 관련이 있습니다. 하지만 문제가 되지 않으며 전체적인 상황에 영향을 미치지 않습니다. 세 번째 형식은 더 복잡해 보이지만 실제로는 매우 간단합니다.

컨트롤을 추가할 때 컨트롤에 ID를 부여한 다음 해당 ID를 사용하여 JavaScript로 컨트롤을 가져온 다음 다음과 같은 다양한 이벤트를 작동합니다.

코드 복사

코드는 다음과 같습니다.

이렇게 해서 텍스트를 추가했습니다. 텍스트 상자 이벤트 응답, 여기서 강조할 한 가지:

스크립트 응답은 컨트롤 선언 뒤에 작성해야 합니다. 그렇지 않으면 컴파일러가 ID를 기반으로 컨트롤을 찾을 수 없습니다.

PS, 사실 이름으로 컨트롤을 찾을 수도 있지만, 이름은 같을 수 있지만 ID는 같을 수 없기 때문에 ID를 사용하는 것이 좋습니다

각 컨트롤의 응답은 이전 홈페이지에서 찾아보시거나 제가 말씀드린 매뉴얼을 다운로드 받으실 수 있습니다. 아래 스크린샷은 매뉴얼에 있는 입력 텍스트 컨트롤의 이벤트 목록입니다~ 물론 이것만은 아닙니다. 클릭하시면 오른쪽에 드롭다운바가 있어요~




사실 저는 이 매뉴얼을 다운로드하는 것이 매우 좋습니다.

이벤트 처리에 대한 간략한 소개를 마치고 이벤트 객체에 대해 알아봅시다이벤트 객체는 이벤트가 발생한 요소, 키보드 상태, 마우스 위치, 마우스 버튼 상태 등 이벤트 상태를 나타냅니다. IE에서는 window.event를 사용하여 얻을 수 있지만 FF에서는 얻을 수 없으므로 호환성을 위해 다음 전략을 채택합니다. . 프로그래머의 지혜는 위대합니다.

코드 복사

코드는 다음과 같습니다.

함수 eventName(이벤트){
event=event|| window.event
.............
}

이벤트 프로그램 바인딩:



더 추상적이므로 코드를 작성합니다. 그리고 더 마음이 편해집니다.

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

머리>

!--
.divstyle
{
위치:절대값
높이:80px; border:3px outset #FFFF00;
여백: 4px;
//->
🎜>< ;script type="text/javascript" src="js/output.js">

="fistdiv " class= "divstyle" onmousedown="clicked(event)">

🎜>< ;/body>



참고로 3층에 있는 Aleax의 말을 직접 인용하고 속성에 대한 예를 들었습니다. div의 innerText:

FF의 innerText를 사용할 수 없습니다. 대체 방법: textContent
IE: oDiv.innerText = aString;
FF: oDiv.textContent = aString; ; oDiv.innerHTML = aString;

브라우저는 익숙하지 않은 명령문을 무시하므로 위에서 작성한 것처럼 두 줄의 코드만 작성하면 됩니다. obj.innerHTML=s;

그런데 innerText와 innerHTML의 차이점은 다음과 같습니다. innerText는 텍스트만 받아들인 다음 직접 출력하지만 innerHTML은 HTML 문을 인식합니다. ,
innerText="< ;br>Hello" 라고 쓰면 출력은 다음과 같습니다:
Hello innerHTML="
Hello"라고 쓰면 줄바꿈 후 Hello가 출력됩니다.