JS 소개 :
JavaScript는 웹 페이지를보다 활발하게 만들 수있는 프로그래밍 언어이며 웹 페이지 디자인에서 가장 쉽고 편리한 언어이기도합니다.
JavaScript를 사용하여 친절한 환영 메시지, 아름다운 디지털 시계, 광고 천막 등불 및 간단한 선거를 쉽게 만들 수 있으며 브라우저가 유지되는 시간을 표시 할 수 있습니다. 이러한 특수 효과가 웹 페이지의 강박 관념을 높이게하십시오.
JavaScript는 웹 특수 효과, DOM 운영, HTML5 게임 (HTML5 및 JavaScript의 조합), 애니메이션 및 기타 특수 효과의 조합을 기반으로하는 웹 페이지에서 많은 작업을 수행 할 수 있으며, AJAX를 통해 도대기 데이터를 가져올 수도 있고 백 스테이지로도 사용할 수 있습니다.
예를 들어, Node.js 등 및 일부 데스크탑 엔진 노드-웨브 키트는 JavaScript를 데스크탑 애플리케이션으로 렌더링 할 수 있습니다. 예를 들어, Unity3d에서는 JavaScript를 사용하여 게임을 작성할 수 있습니다 (구문, 기능 등 Unity3d에서 사용하는 JavaScript).
JavaScript 언어의 기능 :
1). 자바 스크립트는 주로 HTML 페이지에 대화식 동작을 추가하는 데 사용됩니다.
2). 자바 스크립트는 Java와 유사한 구문을 가진 스크립팅 언어입니다.
3). 자바 스크립트는 일반적으로 클라이언트 스크립트를 작성하는 데 사용됩니다.
4). 자바 스크립트는 실행 중에 설명하는 해석 된 언어입니다.
JavaScript Knowledge Points 설명 :
1. 운영자
연산자는 작업을 완료하는 일련의 기호입니다. 과제 연산자, 산술 연산자, 비교 연산자, 논리 연산자, 조건부 작업, 비트 운영 연산자 및 문자열 연산자의 7 가지 범주가 있습니다.
2. 표현
연산자와 오페라의 조합을 표현이라고하며, 이는 일반적으로 과제 표현, 산술 표현, 부울 표현 및 문자열 표현식의 네 가지 범주로 나뉩니다.
3. 문장
JavaScript 프로그램은 여러 진술로 구성되며, 진술은 프로그램 작성을위한 지침입니다. JavaScript는 다음과 같은 완전한 기본 프로그래밍 명령문을 제공합니다.이 경우 : If ~ else, 할당 문, 스위치 선택 문, 루프 명령문, 루프 명령문, 루프 명령문, 루프 중단 명령문을 중단하고 루프 인터럽트 명령문을 계속합니다.
참고 : 판단 할 때는이 결과 만 허위입니다.
논리 객체에 초기 값이 없거나 그 값이 0, -0, null, "", false, undefined 또는 nan이면 객체의 값은 false입니다. 그렇지 않으면, 그 가치는 사실입니다 (인수가 문자열 "거짓"이라도)!
4. 기능
함수는 명령문 세그먼트로 명명되었으며 전체적으로 참조 및 실행할 수 있습니다. 다음 사항은 함수를 사용할 때주의를 기울여야합니다.
1) 함수는 키워드 함수에 의해 정의됩니다.
2) 함수는 먼저 정의 된 다음 사용해야합니다. 그렇지 않으면 오류가 발생합니다.
3) 함수 이름은 함수를 호출 할 때 참조 된 이름입니다. CASE에 민감하며 함수를 호출 할 때 기능 이름을 잘못 작성할 수 없습니다.
4) 파라미터는 사용 또는 작동을 위해 함수로 전달 된 값을 나타냅니다. 일정하거나 변수 일 수 있습니다.
5) 반환 명령문은 표현식의 값을 반환하는 데 사용되거나 표현없이 남겨질 수 있습니다.
5. 객체
JavaScript의 중요한 기능은 객체 기반 함수입니다. 객체 기반 프로그래밍을 통해 프로그램 개발은보다 직관적이고 모듈 식이며 재사용 가능한 방식으로 수행 할 수 있습니다. 속성에 포함 된 데이터에서 작동하는 데이터 및 메소드가 포함 된 일련의 속성을 객체라고합니다. 예를 들어, 웹 페이지의 배경색을 설정하려면 타겟팅하는 객체는 Document이며 사용 된 속성 이름은 BGColor입니다.
6. 이벤트
사용자가 웹 페이지와 상호 작용할 때 생성 된 조치를 이벤트라고합니다. 사용자가 마우스 버튼을 누르면 Onclick 이벤트가 생성되고 마우스 포인터가 링크에서 움직이면 onMouseOver 이벤트가 생성되면 JavaScript에서 이벤트는 종종 이벤트 핸들러와 함께 사용됩니다.
7. 변수
예를 들어, var myvariable = "일부 값";
클래식 케이스 :
JS 복권
지식 포인트 포함 : 타이머 사용, 문서 개체 방법 사용, JS 배열 사용, 내장 객체 사용, JS 시스템 기능 사용 및 등록 이벤트.
<! docType html> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"/> </title> <script type = "text/javascript" "a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, z"var alldataarr = alldata.split ( ","); var num = alldataarr.length -1; var 타이머; 함수 start () {clearInterVal (타이머); h 타이머 = setInterval ( 'change ()', 10); } function Change () {document.getElementById ( "oknum"). innerHtml = allDataarr [getRnd (0, num)]; } function getRnd (min, max) {return parseint (math.random () * (max -min + 1)); } 함수 OK () {clearInterVal (타이머); documb }. -> <button on click = "ok ()"accesskey = "o"> stop </button> 선택한 선택은 다음과 같습니다. <input type = "text"id = "showResult"value = "/> </body> </html배경 이미지 전환
포함 된 지식 포인트 : 타이머 사용, 문서 개체의 방법 사용
<script type = "text/javaScript"> window.onload = function () {setInterval (step, 1000); } var num = 1; 함수 단계 () {if (num <5) {num ++; } else {num = 1; } var dom = document.getElementById ( "imgid"); // 이미지 변경 SRC 속성 dom.src = 'images/' + num + '.jpg'; }큰 천막:
지식 포인트 포함 : 타이머 사용, 문서 개체 방법 사용, 시스템 기능 사용, 마우스 이벤트 사용, 노드 작업 사용, 루프 명령문 및 판단 진술
<script src = "js/jquery-1.8.3.min.js"> </script> <script type = "text/javaScript"> (function ($) {$) {$ .fn.extend ({rolltitle : opt, Callback) {if (! opt) var opt = {}; _this.lineh = _this.find ( "li : first") opt.timespan? _this.speed, fort (i = 1; i <= _this.line; i ++) {_this.find. }, function () {_this.timer = setInterval (function () {_this.scrollup (), _this.timespan) 파란색; 너비 : 100px; " > <li style = "color : red"> 사랑해 </li> <li style = "color : 핑크"> 사랑해 </li> <li style = "color : blue"> 사랑해 </li> <li style = "color : green"> 사랑해 </li> <li style = "Color : Yellowgreen"</ul> <br> <input type = "on test ="on ontlic. value = "marionette"> <script type = "text/javaScript"> function test () {$ ( "#runtopic"). 찾기 ( "li : first"). 부록 ($ ( "#runtopic")); } </script> </body> </html>이것이 JavaScript의 이해의 끝입니다. 앞으로 JS에 대한 사례가있을 것입니다. 모든 사람을 도울 수 있기를 바랍니다! ! !
위의 JavaScript 이해와 전형적인 사례 분석은 내가 공유하는 모든 내용입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.