Top

html javascript 예제

위의 상자의 오른쪽 모서리에 있는 “재생” 버튼을 클릭하여 예제를 실행할 수 있습니다. 위의 예에서는 자바 스크립트를 사용하여 동적 콘텐츠를 표시했습니다. 경고 대화 상자를 표시하는 자바 스크립트의 간단한 예를 보자. 일부 html 요소에는 이벤트가 트리거될 때 자바스크립트 함수를 호출하는 데 사용할 수 있는 이벤트 특성이 있습니다. 사용 가능한 이벤트가 많지만 사용할 가능성이 가장 높은 이벤트입니다. 언제든지 자바 스크립트가 표현식 document.firstline을 발생하면 할당 된 텍스트가 생성됩니다. 내가 그것을 “firstline”이라고 명명했다는 사실은 자바 스크립트에 특별한 의미를 가지고 있지 않습니다. 즉, 문서의 첫 번째 줄이 될 지 모른다. 일반적으로 의도한 용도와 관련된 이름으로 속성의 이름을 지정하는 것이 좋습니다. 필드와 테이블을 설정하는 모든 코드는 HTML 경험이 있는 독자에게 매우 유의해야 합니다.

새 부분은 SCRIPT 태그에 동봉된 코드입니다. 이러한 명령의 핵심은 특정 필드에 값을 할당하는 표현식입니다. 예를 들어 코드 줄 document.f1.ta1.value = `Answer Soon`은 브라우저에 문서 개체(웹 페이지)를 찾은 다음 f1(맨 위에 있는 첫 번째 요소)이라고 하는 하위 요소인 양식을 찾도록 지시한 다음 ta.1(첫 번째 텍스트 항목 f)이라고 하는 해당 양식의 하위 요소입니다. 이엘)을 참조하십시오. 해당 요소를 대상으로 지정하면 스크립트는 브라우저에 “곧 응답”이라는 텍스트를 할당하여 해당 텍스트 필드의 값 속성을 변경하도록 지시합니다. 표준 HTML 태그의 Value 특성은 필드에 포함된 텍스트입니다(일반적으로 사용자가 입력했기 때문). 자바 스크립트는 스크립트가 값을 입력 할 수 있도록 확장했습니다. 사용자에게 텍스트는 애니메이션과 같이 나타납니다. 텍스트가 나타나면 샘플 스크립트는 빈 값 “”을 동일한 텍스트 필드에 ass팅하여 사라집니다. 다음 예제에는 링크를 클릭하여 활성화되는 두 개의 JavaScript 함수가 헤더에 정의되어 있습니다. 각 링크는 함수를 호출하는 다른 방법을 보여 주며 자신에게 맞는 링크만 선택하면 됩니다. Javascript를 사용하여 페이지에 나타나는 다양한 양식을 참조하는 방법을 설명하기 위해 예제에서는 3가지 양식으로 정보를 제공합니다.

그것은 또한 하나의 형태로 결합 될 수 있습니다. 그것은 f2라는 중간 양식에 사용자 입력에 대한 필드를 배치하고 상단에 필드 f1과 하단에 f3에 그들에 배치 된 텍스트를 애니메이션 됩니다 필드. 또한 입력 요소를 형식 f1 및 f3형식으로 배치하여 배치를 보다 세월한 제어할 수 있습니다. f1, f2 및 f3는 필드에 주어진 임의의 이름일 뿐입니다. 이 예제에서는 “곧 응답” 텍스트가 나타나고 사라지며, 필드를 왼쪽에서 오른쪽으로 이동한 다음 왼쪽에서 오른쪽으로 이동합니다. 다음 예제에서 이벤트 처리기를 작성하는 방법을 설명합니다. 문서의 헤더에 EventHandler()의 간단한 함수 하나를 작성해 보겠습니다. 모든 사용자가 단락 위에 마우스를 가져오는 경우이 함수를 호출합니다. 자바 스크립트 예제는 코딩하기 쉽습니다.

자바 스크립트는 자바 스크립트 코드를 넣을 수있는 3 개의 장소를 제공합니다 : 본문 태그 내, 헤드 태그 및 외부 자바 스크립트 파일 내에서. JavaScript 코드를 별도의 파일에 보관한 다음 필요한 곳에 포함하거나 HTML 문서 자체 내에서 기능을 정의할 수 있습니다.