> 웹 프론트엔드 > JS 튜토리얼 > 당신이 알아야 할 JavaScript의 기본 구문

당신이 알아야 할 JavaScript의 기본 구문

PHP中文网
풀어 주다: 2017-06-22 13:27:42
원래의
1535명이 탐색했습니다.

1.javascript는

JavaScript 문에서 실행한 명령을 브라우저에 출력합니다. 문의 목적은 브라우저에게 무엇을 해야 할지 알려주는 것입니다.

<script>
     document.write("hello world!");
</script>
로그인 후 복사

삽입, 출력.

document.getElementById("pid").innerHTML="jikexueyuan.com";
로그인 후 복사

2. 세미콜론

문 사이의 구분은 세미콜론(;)입니다.

참고: 세미콜론은 선택 사항이며 때로는 세미콜론으로 구분되지 않는 경우도 있습니다.

3.JavaScript 코드:

작성된 순서대로 실행됨

4.Identifier:

JavaScript 식별자는 문자, 밑줄 또는 달러 기호로 시작해야 함

JavaScript 키워드

5.JavaScript 케이스 적극적인

JavaScript도 대소문자를 구분합니다.

6. 공백

JavaScript는 추가 공백을 무시합니다

7. 코드 줄 바꿈

단어 사이의 줄을 나눌 수 없습니다

8.

싱글- 줄 주석 //

여러 줄 주석 /**/

JavaScript 변수

변수는 정보를 저장하는 데 사용되는 "컨테이너"입니다

var x=10;
var y=10.1;
var z="hello";
로그인 후 복사
<script>
     var i=10;
     var j=10;
     var m=i+j;
     document.write(m);
</script>
로그인 후 복사

JavaScript 데이터 유형

1. .Number

3.Boolean

4.Array

배열을 정의하는 첫 번째 방법:

var arr=["hello","jike","xueyuan","women"];
document.write(arr[0]);
로그인 후 복사

배열을 정의하는 두 번째 방법:

var arr=new Array("hello","jike","nihao");
document.write(arr[2]);
로그인 후 복사

Number를 정의하는 세 번째 방법, 동적

var arr=new Array();
arr[0]=10;
arr[1]=20;
arr[2]=30;
document.write(arr[2]);
로그인 후 복사

5. (객체)

6. 비어 있음(null)

var n=null;
로그인 후 복사

7. 정의되지 않음

var r;
로그인 후 복사

8. null

var i=10;
var i=null;
document.write("i");    //null
로그인 후 복사

JavaScript 연산자

1에 값을 할당하여 변수를 지울 수 있습니다. - - * % / ++ --

<p>i=10,j=10,i+j=?</p>
<p id="mySum"></p>
<button onclick="jisuan()">结果<button>
<script>
function jisuan(){
     var i=10;
     var j=10;
     var m=i+j;
     document.getElementById("mySum").innerHTML=m;
}
     
</script>
로그인 후 복사

2. 할당 연산자

= += -= *= /= %=

3. 문자열 연산(문자열 연결)

모든 유형이 추가됩니다. string은 string형으로 변환됩니다

function musum(){
     var i=5;
     var j="5";
     var m=i+j;
     document.getElementById("sumid").innerHTML=m;
}
// 55
로그인 후 복사

4. 비교 연산자

== === != !== < > 크기 비교

3차 연산 조건이 충족되면 출력되나요? : 조건을 만족하지 않을 때 출력

자바스크립트 조건문

if...else..

<script>
     var i=19;
     if(i>=10){
          document.write("我就喜欢i>=10");
     }else{
          document.write("为什么i<10");
     }
</script>
로그인 후 복사

if....else if.. ....else....

<script>
     var i=10;
     if(i>10){
          document.write("我就喜欢i>=10");
     }else if(i<10){
          document.write("为什么i<10?");
     }else{
          document.write("i到底是多少,原来是10");
     }
</script>
로그인 후 복사

switch

swicth(执行条件){
     代码段
}
로그인 후 복사
<script>
     var i=5;
     switch(i){
          case 1:
               document.write("i=1");
               break;  //跳出当前
          case 2:
               document.write("i=2");
               break;
          default:
                document.write("条件不满足case");
                break;  
     }
</script>
로그인 후 복사

3항 연산

JavaScript 루프 문

for 루프, for/in

<script>
     var i=[1,2,3,4,5,6];
     for(j=0;j<6;j++){
          document.write(i[j]+"、");
     }
</script>
로그인 후 복사
<script>
     var j=[1,2,3,4,5,6];
     var j=0;
     for(;j<6;){
          document.write(i[j]+"、");
          j++;
     }
</script>
로그인 후 복사
<script>
     var i=[1,2,3,4,5,6];
     var j;
     for(j in i){  //j是i中的元素
          document.write(i[j]+"<br/>");
     }
</script>
로그인 후 복사

while 루프, do....while

rr. reee
<script>
     var i=1;
     while(i<10){
          document.write("i="+i+"<br/>");
          i++;
     }
</script>
로그인 후 복사

지금은 조건을 먼저 판단한 다음 실행하고 do...while...은 먼저 실행한 다음 조건을 판단하는 것입니다

JavaScript 점프 문

break

을 사용하여 현재 루프에서 빠져나옵니다

<script>
     var i=1;
     do{
          document.write("i="+i+"<br/>");
     }while(i<10){
     }
</script>
로그인 후 복사

continue

이 주기를 끝내고 다음 주기를 계속하세요

<script>
     for(var i=0;i<10;i++){
          if(i==5){
               break;
          }
          document.write("i="+i+"<br/>");
     }
</script>
로그인 후 복사

위 내용은 당신이 알아야 할 JavaScript의 기본 구문의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿