첫 번째 자바스크립트. - 메모 01.

8065 단어 JavaScript

첫 번째 자바스크립트. - 메모 01.


이번에는 자바스크립트를 사용해야 하기 때문에 이 기사에서 배운 것, 아는 것을 모두 기사에 넣고 싶습니다.
※ 매주 2, 3편의 문장 간격을 늘릴 수 있도록 노력하겠습니다!

JavaScript란?


다음은 JavaScript의 요약입니다.
  • 스크립트 언어
    Script이기 때문에 당연히 스크립트 언어이기 때문에 어느 정도의 프로그래밍 경험이 있는 사람은 비교적 쉽게 시작할 수 있다.
  • 간 프린터 언어
    편역 · 구축 등 번거로운 수속을 밟지 마라
    곧 실행될 겁니다.그러면 동작이 느릴 수도 있어요.
    현재의 CPU와 메모리의 성능을 고려하면 그리 대단한 것은 아니다.제 생각에는...
  • 다양한 환경에서 작동
  • 웹 브라우저에서 실행되기 때문에 윈도, 맥은 말할 것도 없고 iOS, 안드로이드 단말기도 실행할 수 있다.
    개인적으로는 다양한 환경에서 테스트를 할 수 있기 때문에 성취감을 빨리 느낄 수 있다
    계속 동력이 된다.
    입문이라면 이상하게 환경을 구축하지 않고 최악의 표준 메모장 프로그램으로 인코딩을 하고 사파리 등 브라우저로 조작 확인을 하는 것이 쉽다고 생각합니다.

    HalloWorld


    어려운 일은 잠시 접어두다.해봐.
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <title>HelloWorld</title>
    </head>
    <body>
        <script type="text/javascript">
            window.alert('hello world');
        </script>
        <noscript>javascriptは利用できません</noscript>
    </body>
    </html>
    
    Safari에서 로컬로 저장된 Helloworld.시행해 보다.
    실행 화면

    Hello World와 팝업이 표시됩니다.
    helloworld.html은 > 파일에 JavaScript에 직접 기술되어 있습니다.
    어디서 기술했습니까?이렇게 말하면
        <script type="text/javascript">
            window.alert('hello world');
        </script>
    
    섹션에서 브라우저는 이 탭 안에 탭<script type="text/javascript">만 기재된 것을 자바스크립트로 식별할 수 있습니다.
    script 탭의 type 속성은 일반적으로text/javascript를 제외하고는 기술하지 않습니다...
    HTML5에서 text/javascript가 기본값인 것 같습니다
    생략해도 괜찮아!(하지만 앞으로는 쓰는 습관을 들이는 게 좋겠죠?)
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <title>HelloWorld</title>
    </head>
    <body>
        <script>
            window.alert('hello world');
        </script>
        <noscript>javascriptは利用できません</noscript>
    </body>
    </html>
    
    또한 noscript 태그는 JavaScript가 실행되지 않는 환경에서
    JavaScript를 실행할 때 noscript 태그에 설명된 내용을 실행합니다.

    외부 파일의 JavaScript 사용


    확장자는 js의 텍스트 파일을 준비합니다. 파일 이름은 "Helloworld 2.jp"에서 다음과 같습니다.
    window.alert('Hello World');
    
    그리고 > 파일을 준비하여 파일 이름을 "helloworld2.html"로 한다.
    문서에 다음과 같은 내용을 기술하다.
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <title>HelloWorld</title>
    </head>
    <body>
        <script type="text/javascript" src="helloworld2.jp"></script>
        <noscript>javascriptは利用できません</noscript>
    </body>
    </html>
    
    script 탭의 src 속성을 위한 Helloworld 2.js 파일이 놓인 곳, Helloworld 2를 지정했습니다.js에 기술되어 있다
    자바스크립트를 실행합니다.
    외부 파일을 사용하는 자바스크립트를 통해 한 파일의 내용이 적고 가독성이 높아지기 때문에 적극적으로 외부 파일에 자바스크립트를 준비해'html 파일 읽기'형식으로 만들려고 합니다.
    또한 JavaScript는 가져오고 내보내는 코드를 모듈화하여 클래스를 사용할 수도 있고 대상의 사고를 통해 실현할 수도 있다.
    오늘은 여기까지.

    좋은 웹페이지 즐겨찾기