1. JavaScript Core Basic Syntax
1. JavaScript는 상호 작용 효과를 증가시키는 프로그래밍 언어입니다. 원래 Netscape에 의해 발명되었으며 마침내 ECMA (유럽 컴퓨터 제조업체 협회)에 제출되었습니다. ECMA는 JavaScript를 표준화하고 JavaScript로 명명되었습니다.
2. JavaScript는 컴파일없이 브라우저에서 직접 실행할 수있는 해석 된 언어입니다.
3. JavaScript 사용은 무엇입니까?
1. 웹 페이지의 모든 요소를 제어하고 요소의 속성을 추가, 삭제 및 수정할 수 있습니다.
2. HTML에 동적 텍스트를 넣을 수 있습니다.
3. 웹 페이지를 사용할 때 사용자가 생성 한 이벤트에 응답합니다.
4. 사용자가 입력 한 데이터를 확인하십시오.
5. 사용자의 브라우저를 감지하십시오.
6. 쿠키를 만드는 데 사용됩니다.
4. HTML 웹 페이지에서 JavaScript를 만드는 세 가지 방법
1. 외부 스타일 :
<script src = "xx.js"> <cript>를 통해 파일 이름을 가진 파일 만들기 : xx.js 링크
2. 임베드 스타일 :
<Script Type = "Text/JavaScript"> </script> html의 헤드 또는 본문에 <script> </script>로 직접로드하십시오.
3. 인라인 스타일 :
태그에 직접 이벤트를 추가하십시오 : <input onclick = "alert ( 'helloorld!')"> load
5. JavaScript 데이터 유형 :
데이터 유형에는 두 가지 범주가 있습니다. 1. 원시 데이터 유형 2. 참조 데이터 유형 (객체)
원래 데이터 유형 : 1. 유형 2.Number 3.String 4.Boolean 5.null 6.und 정의
참조 데이터 유형 : (사전 정의 된 객체의 세 가지 유형) 1. 기본 객체 (객체, 번호, 문자열, 부울, 기능, 배열, 날짜 등) 2. 내장 객체 : 초기화를 표시 할 필요 없음 (수학, 글로벌) 3. 호스트 객체 (주로 BOM 및 DOM)
6. BOM과 DOM
BOM : 브라우저 객체 모델
DOM : 문서 개체 모델
2. JavaScript 이벤트 모델
1. JavaScript 이벤트 모델 : 1. 버블 유형 : <입력 유형 = "버튼"> 사용자가 버튼을 클릭하면 : 입력-바디 -HTML-Document-Window (하단에서 위로 버블) IE 브라우저는 버블을 사용합니다.
2. 캡처 유형 : <input type = "button"> 사용자가 버튼을 클릭 할 때 : Window-Document-HTML-Body Input (위에서 아래로)
ECMA 표준화 후 다른 브라우저는 두 가지 유형을 지원하고 캡처가 먼저 발생합니다.
2. 전통적인 이벤트를 작성하는 세 가지 방법 :
1. <input type = "button"onclick = "Alert ( 'helloWorld!')">
2. <input type = "button on click = name1 ()"> ====== <clation> function name1 () {alert ( 'helloword!');} </script> // name function
3. <입력 유형 = "버튼"id = "input1"> // 익명 함수
코드 사본은 다음과 같습니다.
<cript>
var button1 = document.getElementById ( "input1");
button1.onclick = funtion () {
경고 ( 'Helloword!')
}
</스크립트>
3. 현대 이벤트 쓰기 방법 :
코드 사본은 다음과 같습니다.
<input type = "button"id = "input1"> // IE에서 이벤트 추가
<cript>
var fnclick () {
Alert ( "나는 클릭했다")
}
var oinput = document.getElementById ( "input1");
OINPUT.ATTACHEVENT ( "onclick", fnclick);
--------------------------------------------
OINPUT.DETACHEVENT ( "onclick", fnclick); // IE에서 이벤트 삭제
</스크립트>
<input type = "button"id = "input1"> // dom에서 이벤트를 추가합니다
<cript>
var fnclick () {
Alert ( "나는 클릭했다")
}
var oinput = document.getElementById ( "input1");
OINPUT.ADDEVENTLISTERNE ( "ONCLICK", fnclick, true);
--------------------------------------------
OINPUT.removeEventListener ( "onclick", fnclick); // dom에서 이벤트 삭제
</스크립트>
<입력 유형 = "버튼"id = "input1"> // IE 및 DOM 추가 이벤트와 호환됩니다.
<cript>
var fnclick1 = function () {alert ( "i clicked")}
var fnclick2 = function () {alert ( "i clicked")}
var oinput = document.getElementById ( "input1");
if (document.attachevent) {
OINPUT.ATTACHEVENT ( "OnClick", fnclick1)
OINPUT.ATTACHEVENT ( "onclick", fnclick2)
}
else (document.addeventListener) {
oinput.addeventListener ( "클릭", fnclick1, true)
oinput.addeventListener ( "클릭", fnclick2, true)
}
</스크립트>