처음 만나는 자바스크립트 예제

  • 0

처음 만나는 자바스크립트 예제

튜토리얼의이 부분은 핵심 자바 스크립트, 언어 자체에 관한 것입니다. 태그는 일반 HTML입니다. 그것은 실제로 „이봐, 웹 브라우저, 여기에 몇 가지 자바 스크립트 코드가 온다 말한다 스위치처럼 작동; 어떻게 해야 할지 모르기 때문에 자바스크립트 통역사에게 건네주세요.” 웹 브라우저가 닫는 태그가 발생하면 JavaScript 프로그램의 끝에 도달했으며 정상적인 업무로 돌아갈 수 있습니다. 항상 모든 „직접 사용해 보기” 예제를 이해해야 합니다. 이 튜토리얼은 자바 스크립트에서이 프로그램을 만드는 당신을 안내합니다. 그러나 프로그램을 더 흥미롭게 만들기 위해 사용자에게 이름을 묻도록 기존 „Hello, World!” 프로그램을 수정합니다. 그런 다음 인사말에 이름을 사용합니다. 이 자습서를 완료하면 대화형 „Hello, World!” 프로그램이 있습니다. 자바 스크립트는 1995 년에 브렌던 아이히에 의해 발명되었으며, 1997 년에 ECMA 표준이되었다.ECMA-262는 표준의 공식 이름입니다. ECMAScript는 언어의 공식 이름입니다. 그러나 자바 스크립트에 익숙해지는 것은 HTML과 CSS에 익숙해지는 것보다 조금 어렵습니다. 작은 단계로 시작하여 작은 일관된 단계로 계속 작업해야 할 수 있습니다. 먼저 페이지에 몇 가지 기본 자바스크립트를 추가하여 „hello world!” 예제(기본 프로그래밍 예제의 표준)를 만드는 방법을 살펴보겠습니다.

각 레이어의 문제를 구분하는 것이 가장 좋은 사례로 간주되므로 각 레이어는 한 가지에 대해서만 담당합니다. 이를 모두 넣으면 모든 코드가 하나의 파일에 혼합되어 „태그 수프” 또는 „코드 스파게티”가 발생하는 매우 복잡한 페이지로 이어질 수 있습니다. 이 웹 사이트를 생산 하는 표준 방법으로 사용 하 고 이 작업을 수행 하는 웹에 예제의 많음이 여전히 있다. 그림 1-4. 와우. 이 스크립트는 하, 하, 자바 스크립트 유머에 대해 집에 „document.write”뭔가 되지 않을 수 있습니다 하지만 그것은 당신이 웹 페이지에 콘텐츠를 추가 하는 자바 스크립트를 사용할 수 있습니다 보여줍니다., 메시지를 표시 하려는 경우 유용한 트릭 (예 : „사이트에 다시 오신 것을 환영합니다 , Dave”) 웹 페이지가 다운로드 된 후. 위의 섹션은 정말 흥미 진진한 소리 수 있습니다., 그래서 해야—자바 스크립트는 가장 활기찬 웹 기술 중 하나입니다., 그리고 그것을 사용 하 여 잘 시작, 귀하의 웹사이트 힘과 창의력의 새로운 차원을 입력 합니다. JavaScript 프롬프트() 메서드는 프로그램의 컨텍스트 내에서 의미가 있는 경우에만 사용하는 것이 중요합니다. 모든 자바 스크립트가 HTML 태그와 혼합되는 대신 두 스크립트 태그 사이에 한 곳에 있기 때문에 더 좋습니다. 이 파일은 버튼의 ID가있는 버튼이 포함 된 상당히 표준 HTML5 페이지입니다.

ID 특성은 JavaScript가 페이지의 다른 요소에 액세스하는 후크로 사용하는 데 매우 유용합니다. 하단에는 자바스크립트 파일에 연결되는 스크립트 태그가 있습니다. 이전 섹션에서 설명한 대로 태그를 사용하면 단일 웹 페이지에 JavaScript를 추가할 수 있습니다. 그러나 사이트의 모든 페이지와 공유하려는 스크립트를 만드는 경우가 많습니다. 예를 들어 방문자의 마우스 움직임에 대한 응답으로 페이지로 슬라이드하는 추가 탐색 옵션 패널을 추가할 수 있습니다(그림 1-2 참조). 사이트의 모든 페이지에서 동일한 멋진 슬라이드 인 패널을 원할 수 있지만 동일한 JavaScript 코드를 각 페이지에 복사하여 붙여 넣는 것은 여러 가지 이유로 정말 나쁜 생각입니다. 그림 1-5. 사용자 지정 메뉴(동그라미)를 클릭하여 JavaScript 콘솔 및 기타 유용한 도구에 액세스합니다. 자바 스크립트 콘솔은 개발자 도구 (짧은 DevTools)라는 크롬 도구의 큰 세트의 일부이기 때문에 개발자 도구 옵션을 선택하는 것은 콘솔에 도착하는 또 다른 방법입니다.