1. JavaScript의 개념 : 표현 언어이며, 클라이언트에서 실행되는 객체 (객체) 및 이벤트 중심 (EventDriven)을 기반으로 한 스크립팅 언어이기도하여 서버 측의 부담을 줄입니다. 요약은 다음과 같습니다.
1. 자바 스크립트는 주로 대화식 동작을 추가하기 위해 HTML 페이지를 찾는 데 사용됩니다.
2. 자바 스크립트는 Java와 비슷한 구문을 가진 스크립팅 언어입니다.
3. JavaScript는 일반적으로 클라이언트 스크립트를 작성하는 데 사용됩니다.
4. 자바 스크립트는 실행 중에 설명하는 해석 언어입니다.
2. JavaScript는 Core Syntax ECMAScript 및 BOM (Browser Object Model)으로 구성됩니다. 주로 Windows 간의 통신을 관리하는 데 사용되므로 핵심 객체는 Window 및 Document Object Model (DOM)의 세 부분으로 구성됩니다.
3. 웹 페이지에 JavaScript를 소개하는 세 가지 방법 :
1. <cript> </script> 내부 스타일을 사용하십시오
2. 외부 JS 파일을 사용하십시오
3. 인라인 스타일은 HTML 태그로 직접.
4. JavaScript의 역할
1. 페이지 양식 확인을 구현합니다
2. 페이지 상호 작용 효과를 구현하십시오
5. JavaScript의 특성
1. HTML 페이지에 대화식 동작을 추가하도록 설계되었습니다
2. 인터넷에서 가장 인기있는 스크립팅 언어입니다.
3. 일반적으로 클라이언트 스크립트를 작성하는 데 사용됩니다
4. 해석 언어입니다
6. JavaScript를 소개하는 방법
1. <cript> 태그를 사용하여 웹 페이지를 직접 포함시킵니다.
2. 외부 JS 파일을 사용하십시오
JS의 문자열 객체에 대한 일반적인 방법 :
JavaScript에서 조건부 명령문 스위치 () {}는 문자열에 연결할 수 있습니다.
경고 ( "프롬프트 메시지");
var isok = 확인 ( "확인란"); // 확인이 true를 반환하면 false를 반환합니다
Prompt (); prompt ( "프롬프트 정보", "입력 상자 기본 정보");
프롬프트 ( "이름을 입력하십시오")
닫다();
열려 있는();
settimeout (); 밀리 초를 지정한 후 함수를 호출하십시오
setInterval (); 지정된 기간에서 밀리 초의 밀리 초의 함수를 호출합니다
Window.open ();
7. JS 구문 :
1. 사례에 민감합니다
2. 변수, 기능 등의 명명 사양에주의하십시오.
3. 각 코드 라인은 세미콜론으로 끝납니다
JS의 기능 :
1. 시스템 기능
parseint (); 정수 45.9A로 변환하여 45로 변환; A6 전환을 NAN으로 변환합니다 (숫자가 아님)
Isnan (숫자 여부를 판단)
유형 (var); 어떤 데이터 유형인지 결정하십시오
평가 ( "5+2"); 표현식 값을 계산합니다
2. 사용자 정의 기능
함수 함수 이름 () {javaScript 코드}
함수 함수 이름 (매개 변수 1, 파라미터 2) {JavaScript 코드 리턴 값 (선택 사항)}
JS의 기능 호출 :
익명 기능 :
var variable name = function (매개 변수) {함수 바디 리턴 리턴 값;};
변수 이름 (매개 변수)
8. 프로그램 호출
1. alert ()를 추가하십시오. 방법 2. FireBug ()를 사용합니다. 방법
9. BOM 개요 : (브라우저 객체 모델, 브라우저 객체 모델)
1. 창 객체의 속성
이름 | 설명 |
역사 | 고객이 방문한 URL에 대한 정보 |
위치 | 현재 URL에 대한 정보 |
화면 | 클라이언트의 화면 및 표시 성능에 대한 정보 |
weindow 객체에 대한 일반적인 방법 : propt () 확인 (); settimeout (); setinterval ();
창 객체에 대한 공통 이벤트 : onload =””onmouseover =””; Onclick
Window.parent.location
2. 역사적인 대상
메소드 : back (); promper (); go ();
3. 위치 개체는 현재 페이지의 URL을 제공합니다.
속성 : 호스트 호스트 이름 href
방법 : reload () 대체 ();
4. 문서 개체
속성 : 참조자 속성은 하이퍼 링크를 통해 액세스되는지 여부를 결정합니다.
10. 자바 스크립트의 개체,
날짜 개체 :
날짜 객체 생성 및 전송 방법 var date = 새 날짜 (mm dd, yyyy, hh : mm : ss);
var date = 새 날짜 (); 날짜 .getDay ();
수학 대상 :
CEIL (); 숫자, 천장 (25.5) = 26;
바닥(); 둥글고 바닥 (25.5) = 25;
수학 (25.5); 원래 숫자에 0.5를 추가 한 후 반올림하십시오
11. 개요 (문서 객체 모델)
Coredom, xmldom, Html dom으로 구성;
12. 배열을 만듭니다
JS의 변수 선언 :
var 배열 이름 = 새 배열 (크기);
읽기 1. 루프 2를 위해 읽으십시오.
for (fruit in fruit) {docum
fruit.sort (); // string str = fruit.join ( "-"); // 문자열을 추가하고 문자열에 가입하십시오
드롭 다운 선택 객체 :
13. 스타일 포지셔닝 스타일
왼쪽 상단 위치 z-index
마우스 스크롤 거리 : ScorllTop : 수직 거리
Scorllleft : 수평 거리
마우스 두루마리 휴가 : onscorll
jQuery 객체와 DOM 객체 간의 변환
var $ txtname = $ ( "#txtname"); // jQuery 객체
var txtname = $ txtname [0]; // dom 객체
alert (txtname.checked); //이 확인란이 선택되었는지 확인하십시오
get (index) 메소드를 통해 해당 DOM 객체를 가져옵니다
var $ txtname = $ ( "#txtname"); // jQuery 객체
var txtname = $ txtname.get (0); // dom 객체
alert (txtname.checked); //이 확인란이 선택되었는지 확인하십시오
var txtname = document.getElementById ( "txtName"); // dom 객체
var $ txtname = $ (txtname); //
dom에서 클래스 속성을 추가하여 obj.classname = classname을 사용합니다.
obj.innerhtml = <input />를 사용하여 클래스 컨텐츠를 추가하십시오
jQuery에서 클래스 속성을 추가하여 obj.addclaa = classname을 사용합니다.
사용할 클래스 컨텐츠 추가 : obj.html = <input/>;
JQUREY의 5 개의 주요 선택기 :
jQuery의 이벤트 :
obj.bind ( "clike", function () {});
obj.bind ({mousever : function () {}, {mouserout : function () {}});
obj.unbind ();
obj.hover (function () {}, function () {}) 메소드 컬렉션 onMouseOver 및 OnMouseOut
obj.toggle ();
$ ( ". tipsbox"). show (); obj.hide ();
$ ( "img"). Fadein (1000);
$ ( ". txt"). 슬라이드 업 (1000); OBJ.SLIDEDOWN (1000);
obj.toggleclass ( "class"); // AddClass 및 RomoveClass를 통합합니다
$ (this) .val ( ""); // 텍스트 내용을 지우십시오
var $ newNode = $ (< "<li> jQuery </li>">로 새 요소 노드를 만듭니다);
정규 표현으로
JS의 몇 가지 일반적인 팁 :
1. 사용하십시오 !! 변수에 사용할 수있는 부울 값을 변환하는 연산자! ! 탐지를위한 가변. 변수의 값이 0, null, "", undefined 또는 nan이 false를 반환하고 다른 방법은 참입니다.
기능 계정 (현금)
{
this.cash = 현금;
this.hasmoney = !! 현금;
}
2. 사용 +를 사용하여 문자열을 숫자로 변환하면 문자열 데이터 만 적용됩니다. 그렇지 않으면 NAN이 반환됩니다.
기능 tonumber (strnum) {
return +strnum;
}
날짜까지 적용 가능 ()은 타임 스탬프 번호를 반환합니다 : +new date ();
3. 루프가 매우 크면 숫자의 길이가 먼저 주어집니다. var legth = array.legth;
4.if (문서의 'QuerySelector') {
document.querySelector ( "#id");
} 또 다른 {
document.getElementById ( "id");
}
5. 배열에서 마지막 요소를 얻습니다
var array = [1,2,3,4,5];
Array.slice (-1);
6. 문자열 요소의 교체
var String = "John John";
String.replace (/hn/, "ana"); // "Joana John"
string.replace (/hn/g, "ana"); // "Joana Joana"
위의 JavaScript Knowledge Points Summary (Must-Read)는 편집자가 공유하는 모든 컨텐츠입니다. 나는 그것이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.