1. var msg; // 변수를 선언합니다. 이 변수에 값을 할당하기 전에 변수의 이름이 다음과 같습니다.
2. msg = "hello"; // var가 적용되지 않으면 글로벌 변수를 선언 할 수 있지만이 변수는 전역이므로 다른 통화에 쉽게 문제를 일으킬 수 있으므로 권장하지 않습니다.
3. JavaScript에는 5 가지 기본 데이터 유형이 있으며, 정의되지 않은, NULL, 부울, 번호 및 문자열에는 5 가지 기본 데이터 유형이 있습니다. 복잡한 데이터 유형 : 객체
4. var num = 076; // IT로 표시되는 옥탈 시스템은 0으로 시작합니다. 다음 값이 08, 079 등과 같은 8의 범위를 초과하면 10 진수 시스템으로 분석하십시오.
5. var num = 0x22; // 16 진수를 나타냅니다
6. nan-> 숫자가 아님; // nanber, nan은 어떤 값도 같지 않으므로 자체 포함됩니다. 값을 숫자 값으로 변환 할 수 있는지 여부를 결정하는 방법 : isnan ( *) *는 데이터가 변환 될 것입니다.
7. 숫자로 변환 할 때, false-> 0; true-> 1; ""-> 0; "00022"-> 22; "Helloworld"-> nan; 참고 : 숫자 () 메소드가 사용됩니다
8. parseint () 메소드를 사용하여 변환이 수행되면 7 (문자열의 경우)과 다릅니다. 기본 원칙은 다음과 같습니다.
1) 문자열의 첫 번째 비 공간 문자를 구문 분석합니다. 공간이라면 건너 뛰십시오. 비 번호 또는 부정적인 부호 인 경우 NAN으로 직접 돌아갑니다.
2) 숫자가 아닌 사람들이 완성 될 때까지 인접한 캐릭터를 계속 구문 분석하고 구문 분석 된 콘텐츠를 반환합니다.
3) 비 공간 문자가 문자열에 구문 분석 된 문자가 0x로 시작하고 후에 16 진 문자를 추가하면 16 진수로 변환됩니다. 0으로 시작하여 나중에 영어 문자를 추가하면 영어로 변환됩니다.
예 : "1234blue"-> 1234; ""-> nan; "0xa"-> 10; "070"-> 56; "22.5"-> 22; "12 457 Blue"-> 12; 1)에 나타나는 공간 만 파싱 중에 건너 뜁니다.
9. Parseint (*,*) 메소드를 사용할 수도 있습니다. 후자의 변수는 변환 될 분할을 나타냅니다. Parseint ( "10", 16)-> 16과 같은 16, 10, 8, 2 등을 선택할 수 있으며 현재 0x 또는 0을 추가 할 필요가 없습니다.
10. ToString () 메소드는 일반적으로 매개 변수를 사용할 필요가 없습니다. true-> "true"는 문자열에 따라 변환되지만 숫자에서 문자열로 변환하면 파티션을 설정하기 위해 매개 변수를 추가 할 수 있습니다.
예 : var num = 10-> string -------- num.tostring ()-> "10"; num.tostring (2)-> "1010"; num.tostring (8)-> "12";
11. JavaScript에서 숫자는 32 비트 데이터로 표시됩니다. 왼쪽 시프트 <<은 부호 비트를 변경하지 않습니다. 예 : 2 << 5;-> 64 IS : 10-> 10000000
12. 올바른 교대는 두 가지 유형으로 나뉩니다 : 서명 된 올바른 교대와 서명되지 않은 올바른 교대 :
1) 서명 오른쪽 교대 : >> 부호가 아닌 데이터 비트 만 이동 : -64 >> 5 --->-2
2) 서명되지 않은 올바른 교대 : >>> 모두 이동해야하므로 음수가 움직이면 양수가 되고이 양수는 일반적으로 매우 큽니다.
12. 스위치 문의 사례는 매우 강력하며 숫자 값, 문자열 또는 식일 수 있습니다.
13. JavaScript에서 function ()에 추가 된 매개 변수가 없으므로 실제로 인수에 의해 수신됩니다 []
14. JavaScript는 다음 예제와 같이 블록 레벨 범위가 없습니다.
다음과 같이 코드를 복사하십시오. if (true)
{
var color = "blue";
}
경고 (색);
파란색이 인쇄됩니다. 이는 글로벌 환경에 위치한 경고 문으로 제한되지만 C 언어로는 발생하지 않습니다. 일반적으로 함수와 같은 루프 함수는 파괴되며 JavaScript에서도 파괴됩니다.
15. 명령문 인스턴스는 그것이 특정 데이터 유형인지 객체에 속하는지 여부를 결정하는 데 사용됩니다. 그렇다면 사실이 반환됩니다
16. 가변 값을 null로 설정하면이 변수를 대답 할 수 있습니다. JavaScript의 쓰레기 수집가는 다음에 실행될 때 재활용합니다.
17. 참조 유형은 클래스와 유사하지만 같은 것은 아닙니다! 참조 유형을 만드는 두 가지 방법이 있습니다.
1)
코드 사본은 다음과 같습니다. var person = new Object (); // 객체는 JavaScript에서 가장 일반적으로 사용되는 참조 유형입니다.
person.name = "Zhangsan";
person.age = 30;
2)
다음과 같이 코드를 복사하십시오. var persame = {
이름 : "Zhangsan",
나이 : 30 // 아니요 ","여기!
};
3) 2)와 1)의 조합입니다.
코드 사본은 다음과 같습니다. var person = {};
person.name = "Zhangsan";
person.age = 30;
위의 세 가지 방법 중 두 번째는 가장 일반적으로 사용됩니다.
18. 객체의 세 가지 유형이 있습니다 : 사용자 정의-개체 (사용자 정의 객체), 기본-개체 (내장 객체) 및 호스트 객체 (호스트 객체)
avative-object는 배열, 수학, 날짜 등과 같은 JavaScript에 내장 된 객체 인 경우, 호스트는 브라우저에서 제공하는 객체입니다.
19. Window.open (URL, 이름, 기능)이있는 JavaScript에서 새 창을 엽니 다. 이 세 가지 매개 변수는 모두 선택 사항입니다.
1) URL은 열릴 창의 주소입니다.
2) 이름은 새 창의 이름이며 이름을 통해 새 창과 통신 할 수 있습니다.
3) 특징은 "높이 : 300, 너비 : 200"과 같이 "", ""로 나눈 문자열입니다. 그의 내용은 새 창의 다양한 속성입니다.
20. HTML 문서에서 JavaScript 함수를 직접 호출 할 수 있습니다. 여기에는 JavaScript : XXXXXX의 방법이 필요합니다. 여기서 JavaScript는 JavaScript Pseudo-Protocol이라고합니다.
예를 들어, method : function test () {}가 있습니다.
<a href = "javaScript : test ()"> test </a> //이 메소드는 JavaScript pseudo-protocol을 사용하여 JavaScript 메소드를 호출하는 것입니다. 이 방법은 다른 브라우저 가이 의사 프로토콜을 다르게 지원하기 때문에 권장되지 않습니다.
21. 많은 노드의 내용은 다음과 같은 값이 아닙니다. <p id = "desc"> hello world </p>. var text = document.getElementById ( "desc"). firstchild.nodevalue를 사용할 수 있습니다.
여기서 텍스트로 얻은 가치는 다음과 같습니다. Hello World
22. HTML 문서에 새 요소를 삽입하는 메소드 :
1) 새 요소 만들기 (콘텐츠 포함)
2)이 새로운 요소를 노드 수에 삽입하십시오.
설명 : 1) 새 요소를 생성하는 메소드 : var para = document.createElement ( "p"); // <p> </p> 생성
이 시점 에서이 요소는 이미 <p>의 모든 속성을 가지고 있지만 그 안에는 내용이 없으며 문서에 삽입되지 않았습니다.
그런 다음 var txt = document.creatextNode (텍스트) 메소드를 사용하여 텍스트 노드 컨텐츠를 작성하고 텍스트 노드 컨텐츠를 <p>에 삽입하십시오.
2) parent.appendChild (child) // 메소드는 부모 요소에 자식 요소를 삽입 할 수 있습니다.
작업의 두 부분 포함 : <p> 노드 아래 텍스트 노드를 1- 삽입, para.appendchild (txt); 2- 다른 노드에서 <p> 노드를 삽입하십시오
23. 세트 및 get 메소드는 메모리 속성이라는 객체의 속성을 설정할 수 있으며, 이는 비교적 복잡한 작업을 구현할 수 있습니다.
다음과 같이 코드를 복사하십시오. var m = {
x : 1, // 데이터 속성
Y : 1,
get r () {return math.sqrt (this.x*this.x + this.y*this.y);}, // 메모리 속성,이 속성은 다음과 같습니다.이 속성은 다음과 같습니다.
R (NewValue) {
var OldValue = Math.sqrt (this.x*this.x + this.y*this.y);
var radio = newValue/OldValue;
this.x *= 비율;
this.y *= 비율;
}
}
24. 배열 작동 :
1) 길이 속성은 길이를 나타냅니다
2) join () 메소드 :
코드 사본은 다음과 같습니다. var a = [1,2,3];
a.join () -----> "1,2,3"
a.join ( ""); -----> "1 2 3"
a.join ( ""); -----> "123"
3) Reverse () // 배열의 요소를 역 순서로 반전
다음과 같이 코드를 복사하십시오 : var a = [1,2,3]; a.reverse (). join () ---> "3,2,1"
4) 정렬 () // 배열의 요소를 정렬하고 정렬 된 배열을 반환합니다.
정렬 () // 알파벳 순서로 정렬하십시오
코드 사본은 다음과 같습니다. sort (function (a, b) {// a, b는 배열의 요소를 나타냅니다.
if (a> b)
{
반환 1;
}
else if ()
{
반품 -1
}
또 다른
{
반환 0;
}
}
//이 메소드는 필요한 정렬 방법을 자유롭게 정의 할 수 있습니다.
5) concat () // 배열 자체가 아닌 배열의 요소에 연결된 배열을 연결하는 데 사용되는 새 배열을 작성하고 반환합니다.
다음과 같이 코드를 복사하십시오. var a = [1,2,3]
A.concat (4,5) -----> [1,2,3,4,5]
A.concat ([4,5]) -----> [1,2,3,4,5]
A.concat ([4,5], [6,7]) -----> [1,2,3,4,5,6,7]
A.concat (4, [5, [6,7]]) -----> [1,2,3,4,5, [6,7]]
6) slice () 지정된 배열의 조각을 반환합니다. 두 매개 변수 또는 하나의 매개 변수를 쓸 수 있습니다. 하나의 매개 변수는 매개 변수 및 엔딩의 현재 위치에서 시작하는 것을 나타냅니다. 두 매개 변수는 첫 번째 매개 변수를 두 번째 매개 변수를 나타냅니다.
매개 변수 -1은 마지막 요소, 즉 두 번째 요소를 지정하고 -3은 두 번째 요소를 지정합니다.
코드 사본은 다음과 같습니다. var a = [1,2,3,4,5];
A.Slice (0,3); -----> [1,2,3]
a.slice (3); -----> [4,5]
A.Slice (1, -1); -----> [2,3,4]
a.slice (-3, -2); -----> [3]
25. Window.location = "//www.vevb.com/" ;//can을 사용하여 웹 페이지를 여는 데 사용
26. settimeout () // 두 매개 변수는 콜백 함수이고 다른 하나는 콜백 시간이며,이 콜백 함수를 호출하는 데 몇 밀리 초의 수를 나타냅니다.
다음과 같이 코드를 복사하십시오. settimeout (function () {alert ( "hello world");}, 2000); // 2 초 후에 대화 상자가 나타납니다.
Cleartimeout (h); // settimeout 호출을 취소하는 데 사용됩니다. var h = settimeout (func, time);
27. 요소에 대한 이벤트를 클릭하십시오 : var template = document.getElementById ( "xx"); tempelement.onclick = function () {alert ( "hello");};
28. var nowtime = 새로운 날짜 (); nowtime.tolocaletimestring (); 현재 시간을 표시 할 수 있습니다 (참고 : 시간이지만 날짜는 포함되지 않습니다)
29. setInterval (func, time); // 지정된 시간 후에 반복적으로 호출 된 함수를 등록하는 데 사용됩니다. func는 반복적으로 불리는 함수이며, 시간은 지정된 시간, 단위 밀리 초입니다.
및 ClearInterval (H); H = SetInterval (func, time) 인 등록을 해제하는 데 사용되는 이벤트입니다.
30. Settimeout이든 Settimeout에 대한 SetInterval이든 즉시 실행되지는 않지만이 메소드를 대기열에 넣고 실행 전에 이전 상태가 실행되기를 기다립니다.
31. Window.location.href // 현재 문서 Window.location.search/에서 URL 주소를로드 할 수 있습니까? 일반적으로 사용되는 현재 문서의 문자
키 값 쌍의 상황을 감지하십시오. 이름 = 값
32. 창의 네비게이터 속성에는 여러 속성이 포함될 수 있습니다.
1) AppName -----> 웹 브라우징 영역의 전체 이름
2) Appversion -----> 브라우저 제조업체 및 버전
3) userAgent ----> 일반적으로 특정 형식이없는 Appversion 및 기타 정보가 포함됩니다.
4) 플랫폼 -----> 브라우저를 실행하는 운영 시스템은 하드웨어를 만들 수도 있습니다.
5) 온라인 ----->이 속성이 존재하는 경우 현재 브라우저가 네트워크에 연결되어 있는지 여부를 의미합니다.
6) geolocation -----> 사용자 지리적 위치 정보를 결정하는 데 사용되는 인터페이스
33. 스크린 객체는 창 디스플레이의 크기와 사용 가능한 색상 수에 대한 정보를 얻을 수 있습니다.
34. Windows는 3 개의 대화 상자를 제공합니다
1) 경고-> 프롬프트 대화 상자
2) 확인 () ----> 메시지도 표시되지만 사용자에게 확인 또는 취소를 요구합니다. 예 : var 정확한 = 확인 ( "Hello World"); if (정확한) {return true}
3) Prompt () -----> 메시지 표시, 사용자 입력을 기다리고 해당 문자열로 돌아갑니다.
35. Window는 모달 대화 상자에 대한 디스플레이 체계를 제공합니다 : showmodaldialog (param1, param2, param3) //
매개 변수 1 : 대화 상자의 HTML 컨텐츠를 제공하는 URL을 지정하는 데 사용됩니다.
매개 변수 2 : 임의의 값이 될 수 있습니다. 이 값은 대화 상자의 스크립트의 window.dialogarguments 속성을 통해 액세스 할 수 있습니다.
매개 변수 3 : 세미콜론으로 분리 된 이름 = 값 쌍을 포함하는 비표준 목록입니다. 이 매개 변수가 제공되면 대화 상자의 크기 및 기타 속성을 구성하고 Dialogwidth 및 DialogHeight를 사용할 수 있습니다.
대화 상자 창의 크기를 설정하고 "Resizable = Yes"를 사용하여 사용자가 창 크기를 변경할 수 있도록합니다.
36. 이름 속성은 특정 요소를 얻는 데 사용될 수 있지만 이름 속성은 몇 가지 HTML 요소에서만 유효합니다. 양식 <form>, 양식 요소, <Iframe> 및 <Img> 요소
document.getElementsByName (); // 모든 이름 속성으로 구성된 배열을 가져옵니다
37. 역사적 이유로 인해 <form>, <Img> 및 HREF 속성이있는 <a> 만 폼 태그 ID로서 document.forms.id//name이 있으며 다른 요소는 허용되지 않습니다.
38. getElementsByClassName (); 상위 노드에서 동일한 클래스 이름의 자식 노드를 얻을 수 있습니다.
39 노드 노드의 중요한 속성은 다음과 같이 설명됩니다.
1) ParentNode -----> 노드의 상위 노드로, 문서 개체 인 경우 부모 노드는 NULL입니다.
2) childnodes -----> 읽기 전용 클래스 어레이 노드, 해당 노드의 하위 노드입니다.
3) 첫 번째 자녀와 LastChild, 첫 번째 자녀와 노드의 마지막 자녀
4) Nextibling, Previoussibling, 이전 및 다음 및 다음 노드의 노드 노드
5) NodeType --->이 노드의 노드 유형은 숫자 값을 반환하는 것입니다. 9는 문서 노드를 나타내고, 1은 요소 노드를 나타내고, 3은 텍스트 노드를 나타내고, 8은 주석 노드를 나타내고, 11 개의 DocumentFragment 노드를 나타냅니다.
6) nodevalue -----> 텍스트 노드 또는 주석 노드 텍스트 내용
7) Nodename -----> 자본 형식으로 표현 된 요소의 레이블 이름
40. HTML에서 편집 가능한 영역 요소를 만들 수 있습니다. 방법:
코드 사본은 다음과 같습니다. <div id = "editor"contenteditable> 편집 </div>를 클릭하면 내용은 innerhtml 속성을 통해 얻을 수 있습니다.
var editor = document.getElementById ( "편집자"); Alert (editor.innerhtml); // <br> 등을 포함한 모든 내용을 표시하십시오.
41. Window.onload Window.onload = function () {에 두 함수를로드하는 방법
// 여기에 두 가지 기능을 작성하십시오
func1 ();
func2 ();
}
42. 요소에 대한 CSS 속성을 설정하는 방법 :
다음과 같이 코드를 복사하십시오 : var tip = document.createElement ( "dd"); // 요소 만들기
tip.style.csstext = "위치 : 절대; 하단 : 0; 높이 : 20px; 너비 : 380px; 패딩 : 10px; 색상 : #fff; 배경 : #fff;"; // 요소의 CSS 속성을 설정합니다
더 많은 JavaScript 구문을 보려면 "JavaScript 참조 자습서"및 "JavaScript Code Style Guide"를 따라갈 수 있습니다. 또한 모두가 wulin.com을 더 지원하기를 바랍니다.