html5 자바스크립트 예제

HTML5는 요즘에 대해 이야기하는 것입니다. 오늘, 우리는 당신이 말할 것이다 몇 가지 터무니없이 인상적인 HTML5 캔버스 기반의 실험의 컬렉션을 가지고, “와우!” 의 거기 밖으로 최신, 최첨단 예제의 일부에 들여다 보자. 이 트릭은 현대 자바 스크립트에서 사용되지 않습니다. 이러한 주석은 태그를 처리하는 방법을 모르는 이전 브라우저에서 JavaScript 코드를 숨겼습니다. 지난 15년 동안 출시된 브라우저에는 이 문제가 없으므로 이러한 종류의 주석은 실제로 오래된 코드를 식별하는 데 도움이 될 수 있습니다. 이 놀라운 예는 실제 물리학의 행동을 묘사합니다. 자바 스크립트 코드가 많은 경우 별도의 파일에 넣을 수 있습니다. 자바 스크립트 프로그램은 태그의 도움으로 HTML 문서의 모든 부분에 삽입 할 수 있습니다. JavaScript의 일반적인 용도는 이미지 조작, 양식 유효성 검사 및 콘텐츠의 동적 변경입니다. 브라우저 스크립트와 웹 페이지와의 상호 작용에 대해 더 많은 것을 배울 수 있습니다. 그러나 튜토리얼의이 부분은 자바 스크립트 언어에 전념하고 있음을 명심하자, 그래서 우리는 그것의 브라우저 특정 구현으로 자신을 산만해서는 안된다.

우리는 자바 스크립트를 실행하는 방법으로 브라우저를 사용할 것입니다, 이는 온라인 읽기에 매우 편리하지만, 많은 중 하나. 이제 외부 자바 스크립트에서 웹 작업자를 만들어 보겠습니다. 스크립트는 웹 사이트에 상호 작용을 추가할 수 있는 작은 프로그램입니다. 예를 들어 스크립트는 팝업 경고 상자 메시지를 생성하거나 드롭다운 메뉴를 제공할 수 있습니다. 이 스크립트는 자바 스크립트 또는 VBScript를 사용하여 작성할 수 있습니다. 다음 예제에서 이벤트 처리기를 작성하는 방법을 설명합니다. 문서의 헤더에 EventHandler()의 간단한 함수 하나를 작성해 보겠습니다. 모든 사용자가 단락 위에 마우스를 가져오는 경우이 함수를 호출합니다. 이것은 오디오와 캔버스의 동작을 보여주는 아름다운 예입니다. “나는 자바 스크립트입니다!”라는 메시지가 표시되는 페이지를 만듭니다. 이전 HTML 표준인 HTML4에는 형식이 있어야 하는 스크립트가 필요했습니다. 일반적으로 는 type=”텍스트/자바 스크립트”였습니다.

더 이상 필요하지 않습니다. 또한 최신 HTML 표준은 이 특성의 의미를 완전히 변경했습니다. 이제 자바 스크립트 모듈에 사용할 수 있습니다. 그러나 그것은 고급 주제입니다. 우리는 튜토리얼의 다른 부분에서 모듈에 대해 이야기 할 것이다. HTML, CSS 및 자바 스크립트를 함께 사용하여 일반적인 웹 디자인 기능을 달성하는 방법. 이제 우리의 다음 HTML 문서에서 위의 외부 자바 스크립트 파일을 사용하자 – 태그는 브라우저가 태그를 처리 할 때 자동으로 실행되는 자바 스크립트 코드가 포함되어 있습니다. JavaScript 코드를 별도의 파일에 보관한 다음 필요한 곳에 포함하거나 HTML 문서 자체 내에서 기능을 정의할 수 있습니다. 두 경우를 하나씩 적절한 예제로 살펴보겠습니다. 요즘 대부분의 브라우저는 자바 스크립트를 지원하지만 여전히 일부 오래된 브라우저는 지원하지 않습니다.

브라우저가 JavaScript를 지원하지 않는 경우 스크립트를 실행하는 대신 사용자에게 코드를 표시합니다.