JavaScript는 설명 언어이지만 배우기가 어렵지 않습니다. 당신이 그것을주의 깊게 공부하는 한, 당신은 확실히 잘 배울 것입니다. 이 기사를 읽을 때 HTML을 배웠을 것입니다. JavaScript를 사용하여 웹 페이지와 더 나은 상호 작용을하십시오. 주제에 접근합시다.
1. JavaScript
1. JavaScript가 무엇입니까?
JavaScript는 설명 언어이며 객체 및 이벤트 드라이브 (이벤트 중심)를 기반으로 한 스크립팅 언어이기도합니다.
2. JavaScript의 특성
JavaScript는 주로 HTML 페이지에 대화식 동작을 추가하는 데 사용됩니다.
JavaScript는 Java와 유사한 구문을 가진 스크립팅 언어입니다.
JavaScript는 일반적으로 클라이언트 스크립트를 작성하는 데 사용됩니다.
JavaScript는 해석 언어입니다.
3. JavaScript의 구성
ECMScript 표준 (모든 속성, 메소드 및 객체를 지정하는 표준)
BOM 브라우저 개체 모델 : HTML과 상호 작용합니다
DOM 문서 개체 모델 : 액세스 및 조작 HTML 문서
4. 기본 JavaScript 구조
매
5. 자바 스크립트 실행 원리
1. 브라우저 클라이언트는 서버에 요청을 보냅니다. (브라우저 주소 표시 줄에서 사용자가 입력 한 주소)
2. 데이터 처리 : 서버 측은 JavaScript가 포함 된 페이지를 처리합니다.
3. 응답 보내기 : 서버는 페이지를 브라우저 클라이언트로 전송하여 JavaScript가 포함 된 HTML 파일을 처리 한 다음 브라우저 클라이언트는 HTML 태그와 JavaScript 태그를 위에서 아래로 구문 분석하여 페이지 효과를 사용자에게 제시합니다.
둘. JavaScript를 웹 페이지에 소개하는 방법
1. <cript> 태그를 사용하십시오.
2. 외부 JavaScript 파일을 사용하십시오.
동일한 효과를 얻기 위해 여러 페이지에서 JavaScript를 실행하고 싶습니다. 일반적으로 외부 파일을 가진 파일을 .js로 사용합니다.
확장자로 .js로 파일을 참조하는 방법 :
<스크립트 src =”../ 1.js”> </script>
참고 : 외부 파일에는 <cript> </script>가 포함될 수 없습니다
3. HTML 태그로 직접
<입력 이름 = 'btn'type = "button"value = "팝업 메시지 상자"onclick = "javaScript : alert ("환영 ");"/>3. 자바 스크립트 코어 구문
1. 변수 선언 및 할당
변수 선언은 VAR에서만 사용되며 변수의 이름 지정 사양은 Java와 유사합니다. var num = 1;
JavaScript에서는 변수가 선언없이 직접 사용할 수 있지만이 사용법은 권장되지 않습니다.
2. 데이터 유형
정의되지 않은 (정의되지 않은 유형)
널 (널 유형)
번호 (번호 유형)
문자열 (문자열 유형)
부울 (부울 유형)
3. 정의되지 않은 것과 null의 차이
Null은 "객체 없음"을 의미합니다. 즉, 가치가 없어야합니다. 일반적인 사용은 다음과 같습니다.
(1) 함수의 매개 변수로서 함수의 매개 변수는 객체가 아닙니다.
(2) 객체 프로토 타입 체인의 종말점으로.
object.getPrototype (Object.Prototype) // null
정의되지 않은 것은 "결 측값"을 의미하므로 여기에는 값이 있어야하지만 아직 정의되지 않았습니다. 일반적인 사용은 다음과 같습니다.
(1) 변수가 선언되었지만 할당이 없으면 정의되지 않은 것과 같습니다.
(2) 함수를 호출 할 때 제공 해야하는 매개 변수는 제공되지 않으며 매개 변수는 정의되지 않은 것과 같습니다.
(3) 객체는 값에 할당 된 속성이 없으며 속성의 값은 정의되지 않습니다.
(4) 함수가 값을 반환하지 않으면 기본적으로 정의되지 않은 것이 반환됩니다.
4. 사례는 6 건 뿐이며 결과는 거짓으로 결정됩니다.
null, false, undefined, 0, "", nan
5. 줄의 일반적인 방법
toString (); 문자열을 반환합니다
tolowercasee (); 문자열을 소문자로 교체하십시오.
touppercase (); 문자열을 대문자로 변환합니다
charat (색인); 지정된 위치에서 문자열을 반환합니다
indexof (str, index); 문자열에서 지정된 문자열의 첫 번째 발생을 찾으십시오.
서브 스트링 (인덱스, 인덱스); 지정된 인덱스 index1과 index2 사이에 위치한 문자열을 반환합니다 (Index1 및 Index2 포함하지만 Index2).
split (str); 문자열을 문자 배열로 분할하십시오
6. 배열을 생성하고 배열에 값을 할당하는 세 가지 방법
01. var num = ( '1', '2');
02.var num = 새로운 배열 (2);
num [0] = 1;
num [1] = 2;
03.var num = [ '1', '2'];
배열의 일반적인 방법 및 속성
길이 : 배열의 요소 수를 설정하거나 반환합니다.
Join () : 배열의 모든 음성 속도를 문자열에 넣고 문자를 나누어 나눕니다.
정렬 () : 정렬 배열
푸시 () : 배열 끝에 하나 이상의 요소를 추가하고 새 길이를 다시 넣습니다.
<script type = "text/javaScript">
// 01. 방법 1 : 배열 생성 및 배열에 값을 할당합니다.
// var fruit = new Array ( 'Apple', 'Orange', 'Peach', 'Bananer');
// 02. 방법 2 : 먼저 배열을 작성한 다음 첨자를 통해 배열에 값을 할당합니다.
var 과일 = 새로운 배열 (4);
과일 [0] = 'Apple';
과일 [1] = '오렌지';
과일 [2] = 'Peach';
과일 [3] = 'Bananer';
// 03 메소드 3 : 메소드 1과 유사하지만 기호가 변경되었습니다.
// var fruitss = new Array [ 'Apple', 'Orange', 'Peach', 'Bananer'];
// 04. 배열에 첨자 3이있는 데이터에 액세스하십시오
document.write (과일 [0]);
// 05 배열의 결합 메소드를 통해 요소를 문자열에 넣고 지정된 구분 기호로 나눕니다.
var result = fruits.join ( ',');
// 06 정렬 메소드를 통해 배열을 분류합니다
과일 .SORT ();
// 06. 끝에 하나 이상의 요소를 추가하고 마지막으로 배열의 새로운 길이를 반환합니다.
var length = fruits.push ( 'wert', 'foot');
document.write ( '/n' + 길이);
// 07. 배열을 반복하십시오
for (과일의 var 항목)
{
경고 (과일 [항목]);
}
</스크립트>
7. 운영자
8 프로그램 디버깅
해결책 1 : vs의 디버깅
단계 : 01. 시작 페이지로 디버깅 할 페이지를 설정
02. 중단 점을 설정하십시오
03. F5를 눌러 디버깅을 시작합니다
솔루션 2 : 크롬 브라우저 디버깅
단계 : 01. F12를 클릭하여 도구를 호출하십시오
02. 중단 점을 설정하십시오
03. 페이지를 새로 고칩니다
솔루션 3 : IE 브라우저
단계 : 01.F12, 개발자 도구
02. 스크립트 탭으로 전환하십시오
03. 중단 점을 설정하십시오
04. 디버깅을 시작하십시오
05. 새로 고침
4. JavaScript의 기능
1. 일반적으로 사용되는 시스템 기능
01. Parseint ( "String");
parseint () 함수는 먼저 위치 0에서 문자를 확인하고 유효한 숫자인지 확인합니다. 그렇지 않은 경우 NAN을 반환하고 다른 작업을 수행하지 않습니다. 그러나 문자가 유효한 매개 변수 인 경우 함수는 위치 1에서 문자를보고 동일한 테스트를 수행합니다. 이 과정은 캐릭터가 유효한 캐릭터라는 것이 발견 될 때까지 계속됩니다. 이 시점에서 문자는 이전 문자열을 숫자로 변환합니다.
예 : :
var num1 = parseint ( "78.9") // 리턴 값은 78입니다
var num2 = parseint ( "afa78.9") // 리턴 값은 nan입니다
02.parsefloat ( "String");
문자열에 나타나는 첫 번째 포인트는 유효한 문자로 간주된다는 점을 제외하고는 Parseint와 유사합니다.
예 : :
var num1 = parseint ( "78.9") // 리턴 값은 78입니다
var num2 = parseint ( "afa78.9") // 리턴 값은 nan입니다
2. 사용자 정의 기능
JavaScript에서 사용자 정의 함수는 함수, 함수 이름, 매개 변수 세트 및 괄호로 실행될 JavaScript 문으로 구성됩니다.
구문을 살펴 보겠습니다.
함수 함수 이름 (매개 변수 1, 매개 변수 2, ..)
{
// javaScript 문
[반환 값]
}
함수는 함수를 정의하고 거기에 있어야하는 키워드입니다.
매개 변수 1 및 파라미터 2는 JavaScriptp의 유형이 약하기 때문에 함수의 매개 변수이며 매개 변수가 주어진 경우 유형을 제공 할 필요가 없습니다.
{}로 정의 된 함수의 시작과 끝.
반환 문은 함수에 의해 리턴 된 값을 지정하는 데 사용됩니다.
2. 호출 함수
함수를 실행하려면 먼저이 함수를 호출해야하며 함수 이름을 공식화하고 따라야합니다.
예 : :
<script type =”text/javaScript”> function show () {} show (); </script>3. 익명 기능
익명 함수는 이름이없는 함수, 클로저라고도하는 기능으로, 지정된 이름이없는 함수를 임시로 생성 할 수 있습니다. 콜백 매개 변수의 값으로 가장 자주 사용되며, 많은 초보자는 익명 함수에 대해 알지 못합니다. 여기에서 분석합시다.
함수 함수 이름 (매개 변수 목록) {함수 바디;}
익명 기능을 만드는 경우 다음과 같습니다.
function () {function body;}
익명 기능이기 때문에 일반적으로 그에게 전달되는 매개 변수는 없습니다.
익명 기능을 만드는 이유는 무엇입니까? 어떤 상황에서 익명 기능이 사용됩니까? 익명 함수에 대한 두 가지 일반적인 시나리오가 있습니다. 하나는 콜백 함수이고 다른 하나는 함수를 직접 실행하는 것입니다.
예 : :
<script language = "javaScript"> var a = "a"; (function () {var a = "b"; alert (a);}) (); alert (a); </script>위의 코드에서는 두 개의 경고 상자가 순서대로 출력됩니다. 첫 번째 경고 상자의 내용은 B이고 두 번째 경고 상자는 a입니다. 나는이 스크립트 태그에 익명의 방법이 있다고 생각했고 B가 처음 튀어 나왔을 때 (a) 익명의 방법을 터치 한 후 A가 튀어 나왔다.
위의 기본 JavaScript 튜토리얼 - 시작하기위한 반드시 읽어야 할 기사는 내가 공유하는 모든 콘텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.