html5 javascript 예제

이 자바 스크립트 예제는 id =”데모”와 HTML 요소에 “안녕하세요 자바 스크립트!”를 씁니다 : HTML5는 요즘 에 대해 이야기하는 것입니다. 오늘, 우리는 당신이 말할 것이다 몇 가지 터무니없이 인상적인 HTML5 캔버스 기반의 실험의 컬렉션을 가지고, “와우!” 의 거기 밖으로 최신, 최첨단 예제의 일부에 들여다 보자. 이 예제에서는 Apophysis에 의해 생성된 프랙탈과 같은 아름다운 프랙탈을 생성합니다. 복합 :). 여러 스크립트 파일을 포함하고 궁극적으로 여러 태그를 사용하는 상황이 있을 수 있습니다. 모든 스크립트 태그에 대해 기본 스크립팅 언어를 지정할 수 있습니다. 이렇게 하면 페이지 내에서 스크립트 태그를 사용할 때마다 언어를 지정할 수 없습니다. 아래는 예입니다 – 당신은 위의 상자의 오른쪽 상단 모서리에있는 “재생”버튼을 클릭하여 예를 실행할 수 있습니다. 코드가 작동하는 것을 보여주는 대화형 베어본 예제입니다. 이 놀라운 예는 실제 물리학의 행동을 묘사합니다. 다음 예제에서 이벤트 처리기를 작성하는 방법을 설명합니다. 문서의 헤더에 EventHandler()의 간단한 함수 하나를 작성해 보겠습니다. 모든 사용자가 단락 위에 마우스를 가져오는 경우이 함수를 호출합니다.

스크립트는 웹 사이트에 상호 작용을 추가할 수 있는 작은 프로그램입니다. 예를 들어 스크립트는 팝업 경고 상자 메시지를 생성하거나 드롭다운 메뉴를 제공할 수 있습니다. 이 스크립트는 자바 스크립트 또는 VBScript를 사용하여 작성할 수 있습니다. 이것은 오디오와 캔버스의 동작을 보여주는 아름다운 예입니다. 이전 HTML 표준인 HTML4에는 형식이 있어야 하는 스크립트가 필요했습니다. 일반적으로 는 type=”텍스트/자바 스크립트”였습니다. 더 이상 필요하지 않습니다. 또한 최신 HTML 표준은 이 특성의 의미를 완전히 변경했습니다. 이제 자바 스크립트 모듈에 사용할 수 있습니다.

그러나 그것은 고급 주제입니다. 우리는 튜토리얼의 다른 부분에서 모듈에 대해 이야기 할 것이다. JavaScript 코드를 별도의 파일에 보관한 다음 필요한 곳에 포함하거나 HTML 문서 자체 내에서 기능을 정의할 수 있습니다. 두 경우를 하나씩 적절한 예제로 살펴보겠습니다. 이제 외부 자바 스크립트에서 웹 작업자를 만들어 보겠습니다. 브라우저에서 스크립트를 지원하지 않는 사용자와 스크립트 옵션을 사용하지 않도록 설정한 사용자에게 브라우저옵션을 사용할 수 있는 사용자에게 대체 정보를 제공할 수도 있습니다. 태그를 사용하여 이 작업을 수행할 수 있습니다. 자바 스크립트는 HTML 페이지를 보다 역동적이고 상호 작용하게 합니다. 자바 스크립트를 사용하여

요소의 HTML 콘텐츠를 “Hello World!”로 변경합니다. 다양한 HTML 문서에 사용되는 기능을 정의하려면 해당 기능을 별도의 JavaScript 파일에 보관한 다음 HTML 문서에 포함시키는 것이 좋습니다.

자바 스크립트 파일은 .js로 확장을 가지며 태그를 사용하여 HTML 파일에 포함됩니다. JavaScript의 일반적인 용도는 이미지 조작, 양식 유효성 검사 및 콘텐츠의 동적 변경입니다. 웹 작업자에 “온메시지” 이벤트 리스너를 추가합니다. 이 트릭은 현대 자바 스크립트에서 사용되지 않습니다. 이러한 주석은 태그를 처리하는 방법을 모르는 이전 브라우저에서 JavaScript 코드를 숨겼습니다. 지난 15년 동안 출시된 브라우저에는 이 문제가 없으므로 이러한 종류의 주석은 실제로 오래된 코드를 식별하는 데 도움이 될 수 있습니다. 이제 다음 HTML 문서에서 위의 외부 JavaScript 파일을 사용하자 – 다음 줄은 노동자가 이미 존재하는 경우 확인 – 그것은 새로운 웹 작업자 개체를 생성하고 “demo_workers.js”에서 코드를 실행 : 그러나 우리는 ou를 실행하는 작업 환경이 필요합니다 이 책은 온라인이기 때문에 브라우저가 좋은 선택입니다.