숫자.MAX_VALUE 속성은 정적 Number 개체에 속합니다. JavaScript가 작업할 수 있는 가능한 가장 큰 양수에 대한 상수를 나타냅니다. 숫자.MIN_VALUE 속성은 정적 Number 개체에 속합니다. JavaScript가 작업할 수 있는 가능한 가장 작은 양수에 대한 상수를 나타냅니다. 예시 다음 코드를 실행하여 JavaScript의 MAX 및 MIN 값에 대해 알아볼 수 있습니다. <html> <head> <script&
JavaScript를 사용하여 드롭다운 항목을 미리 선택하려면 selectedIndex 재산. 선택하려는 항목의 색인을 추가하십시오. 드롭다운 항목 목록은 태그를 사용하여 HTML로 생성됩니다. JavaScript의 경우 태그를 사용합니다. 여기 아래 태그, add_select_id 태그의 ID인 반면 add_item_index 숫자의 인덱스입니다. 이 인덱스는 목록 항목 인덱스입니다. 미리 선택하려는 항목을 추가해야 합니다. 예시 프로그래밍 방식으로 JavaScript를 사용하여 드롭다운을 미리 선택하기 위해 다음
SVG는 Scalable Vector Graphics의 약자이며 XML로 2D 그래픽 및 그래픽 응용 프로그램을 설명하는 언어이며 XML은 SVG 뷰어에 의해 렌더링됩니다. 대부분의 웹 브라우저는 PNG, GIF 및 JPG를 표시할 수 있는 것처럼 SVG를 표시할 수 있습니다. HTML SVG에서 선을 그리려면 SVG 요소를 사용하세요. 예 다음 코드를 실행하여 HTML5 SVG에서 선을 그리는 방법을 배울 수 있습니다. <!DOCTYPE html> <html> <head&
SVG는 Scalable Vector Graphics의 약자이며 XML로 2D 그래픽 및 그래픽 응용 프로그램을 설명하는 언어이며 XML은 SVG 뷰어에 의해 렌더링됩니다. 대부분의 웹 브라우저는 PNG, GIF 및 JPG를 표시할 수 있는 것처럼 SVG를 표시할 수 있습니다. HTML SVG에서 폴리곤을 그리려면 SVG 요소를 사용하십시오. 요소는 최소한 세 면을 포함하는 그래픽을 만듭니다. HTML5 SVG에서 별을 그리려면 각 모서리에 대해 x 및 y 좌표를 적절하게 설정해야 합니다. 예 다음 코드를 실행하여 HTM
웹 페이지에 배경 음악을 추가하려면 … 요소를 사용합니다. 또한 autoplay 속성을 사용하십시오. 페이지가 로드될 때마다 백그라운드에서 음악이 실행됩니다. 플레이어가 웹 페이지에서 숨기는 방식으로 너비와 높이를 설정합니다. 루프 속성이 추가되어 오디오가 다시 시작되는지 여부를 지정합니다. 서버에 음악 파일을 추가하고 src 속성에 링크를 언급하십시오. 예시 다음 코드를 실행하여 웹 페이지에 배경 음악을 추가할 수 있습니다. <!DOCTYPE html> <html> <h
HTML 캔버스에 그림을 그리는 것은 JavaScript로 해야 합니다. 캔버스에 그리기 전에 HTML DOM 메소드 getElementById() 및 getContext()를 사용하십시오. 이를 위해 몇 가지 단계를 따르십시오 − 캔버스 요소를 찾으려면 getElementById() 메서드를 사용해야 합니다. 캔버스의 그리기 객체인 getContext()를 사용합니다. 그리기를 위한 메서드와 속성을 제공합니다. 캔버스에 그립니다. 예시 JavaScript에서 캔버스를 그리기 위해 다음 코드를 실행할 수 있습니다 - <
HTML5 Geolocation API를 사용하면 즐겨찾는 웹사이트와 위치를 공유할 수 있습니다. JavaScript는 위도와 경도를 캡처하고 백엔드 웹 서버로 보내어 지역 비즈니스를 찾거나 지도에 위치를 표시하는 것과 같은 멋진 위치 인식 작업을 수행할 수 있습니다. 지리적 위치 API는 전역 탐색기 개체의 새 속성, 즉. 지리적 위치 개체입니다. getCurrentPosition 메소드는 장치의 현재 지리적 위치를 검색합니다. 위치는 방향 및 속도에 대한 정보와 함께 일련의 지리 좌표로 표현됩니다. 위치 정보는 Positio
URL을 클릭하여 X 페이지에 도달했지만 내부적으로는 다른 페이지 Y로 연결되는 상황이 발생했을 수 있습니다. 이는 페이지 리디렉션으로 인해 발생합니다. 클라이언트 측에서 JavaScript를 사용하여 페이지 리디렉션을 수행하는 것은 매우 간단합니다. 사이트 방문자를 새 페이지로 리디렉션하려면 다음과 같이 헤드 섹션에 한 줄을 추가하기만 하면 됩니다. 예시 다음 코드를 실행하여 JavaScript를 사용하여 HTML 페이지를 리디렉션하는 방법을 배울 수 있습니다. 여기에서 홈페이지로 리디렉션됩니다. <html> &
URL을 클릭하여 페이지 X에 도달했지만 내부적으로는 다른 페이지 Y로 연결되는 상황이 발생했을 수 있습니다. 이는 페이지 리디렉션으로 인해 발생합니다. 클라이언트 측에서 JavaScript를 사용하여 페이지 리디렉션을 수행하는 것은 매우 간단합니다. 사이트 방문자를 새 페이지로 리디렉션하려면 다음과 같이 헤드 섹션에 한 줄을 추가하기만 하면 됩니다. 다음 코드를 실행하여 JavaScript를 사용하여 HTML 페이지를 리디렉션하는 방법을 배울 수 있습니다. 여기에서 홈페이지로 리디렉션됩니다. 예시 <html> &
페이지 리디렉션은 URL을 클릭하여 페이지 X에 도달했지만 내부적으로는 다른 페이지 Y로 리디렉션되는 상황입니다. 페이지 리디렉션으로 인해 발생합니다. META 태그를 사용하여 사이트를 리디렉션하는 것은 매우 쉽습니다. 이를 통해 http-equiv 속성을 사용하여 content 속성 값에 대한 HTTP 헤더를 제공합니다. 다음은 2초 후 현재 페이지를 다른 페이지로 리디렉션하는 예입니다. 페이지를 즉시 리디렉션하려면 content 속성을 지정하지 마십시오. 예시 <!DOCTYPE html> <html>
URL을 클릭하여 페이지 X에 도달했지만 내부적으로는 다른 페이지 Y로 연결되는 상황이 발생했을 수 있습니다. 이는 페이지 리디렉션으로 인해 발생합니다. 클라이언트 측에서 JavaScript를 사용하여 페이지 리디렉션을 수행하는 것은 매우 간단합니다. 사이트 방문자를 새 페이지로 리디렉션하려면 다음과 같이 헤드 섹션에 한 줄을 추가하기만 하면 됩니다. 예시 다음 코드를 실행하여 window.location을 사용하여 HTML 페이지를 리디렉션하는 방법을 배울 수 있습니다. 여기에서 홈페이지로 리디렉션됩니다. <html&
JavaScript는 HTML에서 …를 사용하거나 외부 JavaScript 파일을 사용하여 사용됩니다. HTML 페이지에 인라인 JavaScript를 포함할 수 있는 또 다른 방법이 있습니다. 일반적으로 HTML 이벤트 속성은 스크립트 태그의 다른 곳에 지정된 함수를 호출합니다. 그러나 JavaScript 코드를 onClick 이벤트 태그에 직접 추가할 수도 있습니다. 참고: 인라인 JavaScript를 추가하는 것은 코딩 표준에 따라 좋은 관행으로 간주되지 않으며 따라서도 안 됩니다. <p>
JavaScript와 HTML의 상호 작용은 사용자 또는 브라우저가 페이지를 조작할 때 발생하는 이벤트를 통해 처리됩니다. 페이지가 로드되면 이벤트라고 합니다. 사용자가 버튼을 클릭하면 클릭하는 이벤트가 발생합니다. 다른 예로는 아무 키나 누르기, 창 닫기, 창 크기 조정 등과 같은 이벤트가 있습니다. onclick() 이벤트는 사용자가 마우스 왼쪽 버튼을 클릭할 때 발생합니다. 이 이벤트 유형에 대해 유효성 검사, 경고 등을 배치하십시오. 예시 클릭 이벤트에서 JavaScript 함수를 호출하기 위해 다음 코드를 실행할 수
웹사이트의 콘텐츠가 충분하고 페이지 조회수가 많으면 광고를 추가하여 수익을 올리십시오. Google 애드센스는 웹사이트에 광고를 게재하여 수익을 올릴 수 있는 무료이고 쉬운 방법입니다. 웹사이트에 Google 애드센스를 통합하는 것은 매우 쉽습니다. 단계를 살펴보겠습니다. 공식 웹사이트로 이동하여 애드센스에 사용할 Google 계정으로 로그인합니다. 계정 설정은 웹사이트 정보, 콘텐츠 언어 등의 모든 세부정보를 제공합니다. Google 애드센스 이용약관을 읽고 Google 규칙을 따르세요. 또한 Google 프로그램 정책을
HTML 양식은 사이트 방문자로부터 일부 데이터를 수집하는 데 필요합니다. 예를 들어, 학생이 대학 웹사이트에 등록하는 동안 이름, 나이, 주소, 점수 등과 같은 학생에 대한 정보를 수집합니다. 양식은 사이트 방문자로부터 입력을 받아 CGI, ASP 스크립트 또는 PHP 스크립트 등과 같은 백엔드 애플리케이션에 게시합니다. 백엔드 애플리케이션은 애플리케이션 내부에 정의된 비즈니스 로직을 기반으로 전달된 데이터에 대해 필요한 처리를 수행합니다. HTML 태그는 HTML 형식을 만드는 데 사용됩니다. 위에 표시된 것처럼 일부
HTML 양식을 사용하여 사용자 입력을 쉽게 받을 수 있습니다. 태그는 양식 요소를 추가하여 사용자 입력을 얻는 데 사용됩니다. 다양한 유형의 양식 요소에는 텍스트 입력, 라디오 버튼 입력, 제출 버튼 등이 포함됩니다. type 속성을 사용하여 사용자 입력을 받는 데 도움이 되는 태그에 대해 알아보겠습니다. 속성은 텍스트 입력, 체크박스, 라디오 등과 같은 양식 요소와 함께 사용됩니다. 예시 다음 코드를 실행하여 HTML 양식을 사용하여 사용자 입력을 받을 수 있습니다. <!DOCTYPE html> <
사용자가 외부 파일을 웹사이트에 업로드할 수 있도록 하려면 파일 선택 상자라고도 하는 파일 업로드 상자를 사용해야 합니다. 이것은 또한 요소를 사용하여 생성되지만 type 속성이 파일로 설정되었습니다. 예 다음 코드를 실행하여 웹사이트에 외부 파일을 업로드할 수 있습니다. − <!DOCTYPE html> <html> <head> <title>File Upload</title> </he
reset() 메서드로 JavaScript를 사용하여 양식을 재설정하거나 지웁니다. 재설정 방법은 재설정 버튼을 클릭하는 것과 같은 형태로 모든 요소의 값을 설정합니다. 예시 다음 코드를 실행하여 JavaScript를 사용하여 양식을 재설정할 수 있습니다. <!DOCTYPE html> <html> <head> <title>Reset HTML form</title> </head> &
제출 버튼은 클릭 시 자동으로 양식을 제출합니다. HTML 양식을 사용하면 쉽게 사용자 입력을 받을 수 있습니다. 태그는 양식 요소를 추가하여 사용자 입력을 얻는 데 사용됩니다. 다양한 유형의 양식 요소에는 텍스트 입력, 라디오 버튼 입력, 제출 버튼 등이 포함됩니다. HTML 양식에서 제출 버튼을 사용하는 방법에 대해 알아보겠습니다. 또한 HTML 태그를 사용하여 생성되지만 type 속성이 버튼으로 설정되었습니다. 다음 코드를 실행하여 제출 버튼을 사용하여 양식을 제출하고 재설정할 수 있습니다. 작업 아래 , 속성은 제출
JavaScript를 사용하여 목록 항목을 미리 선택하려면 selectedIndex 속성을 사용하십시오. 이 속성에 대해 선택하려는 항목의 색인을 추가하십시오. 여기 태그 아래 add_select_id 태그의 ID인 반면 add_item_index 숫자의 인덱스입니다. 이 인덱스는 목록 항목 인덱스이며 미리 선택하려는 항목에 대해 추가해야 합니다. 예시 다음 코드를 실행하여 JavaScript를 사용하여 목록 항목을 미리 선택할 수 있습니다 - <!DOCTYPE html> <html>