JavaScript에서 경고 상자에 하이퍼링크를 표시하는 것은 불가능합니다. 링크를 표시하려면 맞춤 알림 상자를 사용하세요. 대화 알림 위젯을 사용하여 다음을 수행할 수 있습니다. 이에 대한 자세한 내용은 Dialog Alert Widget의 소스 코드를 참조하세요.
양식을 제출하려고 할 때 onsubmit 이벤트가 발생합니다. 이 이벤트 유형에 대해 양식 유효성 검사를 넣을 수 있습니다. 다음 예는 onsubmit을 사용하는 방법을 보여줍니다. 여기에서 웹 서버에 양식 데이터를 제출하기 전에 validate() 함수를 호출합니다. validate() 함수가 true를 반환하면 양식이 제출되고, 그렇지 않으면 데이터가 제출되지 않습니다. <script> <!-- function validation() { &
마우스오버 요소 위에 마우스를 가져가면 이벤트가 트리거됩니다. 예시 다음 예제를 실행하여 onmouseover 이벤트에서 JavaScript 함수를 호출하는 방법을 배울 수 있습니다. 라이브 데모 <html> <head> <script> <!-- function over() { &nbs
마우스아웃 해당 요소에서 마우스를 이동할 때 트리거됩니다. 예시 다음 예제를 실행하여 onmouseout 이벤트에서 JavaScript 함수를 호출하는 방법을 배울 수 있습니다. 라이브 데모 <html> <head> <script> <!-- function over() { &
JavaScript 경고 상자에 새 줄을 추가하려면 \n을 사용하십시오. alert("Line One\n Line Two"); 예시 JavaScript의 경고 상자에 새 줄을 추가하여 다음 코드를 실행할 수 있습니다. 라이브 데모 <html> <head> <script> <!-- fu
+function() {} 표기법은 주로 파서가 + 다음에 오는 모든 것을 표현식으로 처리하도록 강제하는 데 사용됩니다. 이것은 즉시 호출되는 함수에 사용됩니다(예:). +function() { alert("Demo!"); }(); 그러나 함수 앞의 +는 기호 중 하나입니다. !, -, ~와 같은 다른 옵션도 추가할 수 있습니다. 괄호는 아래와 같이 사용할 수도 있습니다. (function() { alert("Demo!"); })(); 다음과 같이 사용할 수도 있습니다. (function() {
제출 시 이벤트는 양식을 제출하려고 할 때 발생합니다. 이 이벤트 유형에 대해 양식 유효성 검사를 수행할 수 있습니다. 다음 예는 onsubmit을 사용하는 방법을 보여줍니다. 여기에서 웹 서버에 양식 데이터를 제출하기 전에 validate() 함수를 호출합니다. validate() 함수가 true를 반환하면 양식이 제출되고 그렇지 않으면 데이터가 제출되지 않습니다. <script> <!-- function validation() {
for…in 루프 for...in 루프는 개체의 속성을 반복하는 데 사용됩니다. 다음은 구문입니다 - 구문 for (variablename in object) { statement or block to execute } 다음 예제를 실행하여 for-in 루프를 구현할 수 있습니다. 웹 브라우저의 Navigator 개체를 인쇄합니다. 예시 라이브 데모 <html> <body> <script> var aProperty; document.write("Navigator Object Prope
super() 함수를 사용하여 상위 클래스의 생성자를 호출하고 개체의 상위 클래스에 있는 함수에 액세스합니다. 예 다음 코드를 실행하여 super()를 구현할 수 있습니다. 라이브 데모 <!DOCTYPE html> <html> <body> <script> class Department { cons
JavaScript에서 사용자 정의 개체를 만들려면 다음 코드를 시도하십시오. 예시 라이브 데모 <!DOCTYPE html> <html> <body> <p id="test"></p> <script> var dept = new Object(); &
보안 문제로 인해 JavaScript 경고 상자 제목을 편집할 수 없습니다. 그래도 모든 웹 브라우저에서 작동하도록 경고 상자를 편집하려면 사용자 정의 JavaScript Modal Dialogs 또는 jQuery 플러그인을 사용하십시오. Sweet Alert와 같은 사용자 지정 알림 상자를 사용하여 원하는 제목이 있는 사용자 지정 알림 상자를 얻을 수도 있습니다.
onClick 이벤트는 사용자가 마우스 왼쪽 버튼을 클릭할 때 발생하는 가장 자주 사용되는 이벤트 유형입니다. 예시 이 이벤트 유형에 대해 유효성 검사, 경고 등을 넣을 수 있습니다. 라이브 데모 <html> <head> <script> <!-- function sayHello() {
continue 문의 사용은 코드를 이해하기 어렵게 만듭니다. 대부분의 경우 계속을 사용하면 루프에 조건이 충분하지 않다는 의미입니다. 이를 방지하려면 조건 자체에 추가하거나 루프에서 if를 사용할 수 있습니다. 그러나 continue는 일관성이 없거나 부적절하게 사용되면 좋지 않으며, 그렇지 않으면 유용한 명령문이며 많은 메모리와 코드 줄을 절약합니다. 예시 Continue 문의 예를 살펴보겠습니다. 라이브 데모 <html> <body> <sc
블록 문은 0개 이상의 문을 그룹화합니다. JavaScript 이외의 언어에서는 복합 문이라고 합니다. 구문 구문은 다음과 같습니다 - { //List of statements } 블록에 레이블을 추가하려면 다음을 사용하십시오 - Identifier_for_label: { StatementList } break 문에 사용합시다. break 문을 사용하여 레이블을 사용하여 흐름을 제어하기 위해 다음 코드를 실행할 수 있습니다. 예시 라이브 데모 <html> &nbs
JavaScript와 HTML의 상호 작용은 사용자 또는 브라우저가 페이지를 조작할 때 발생하는 이벤트를 통해 처리됩니다. 페이지가 로드되면 이벤트라고 합니다. 사용자가 버튼을 클릭하면 해당 클릭이 이벤트입니다. 다른 예로는 아무 키나 누르기, 창 닫기, 창 크기 조정 등과 같은 이벤트가 있습니다. 다음은 몇 가지 예입니다. 클릭 시 이벤트 유형 가장 자주 사용되는 이벤트 유형으로 사용자가 마우스 왼쪽 버튼을 클릭할 때 발생합니다. 이 이벤트 유형에 대해 유효성 검사, 경고 등을 넣을 수 있습니다. 다음 예를 시도해 보십시오.
JavaScript 변수의 수명은 선언될 때 시작됩니다 - var rank; 지역 변수는 정의된 함수 내에서만 볼 수 있습니다. 함수 매개변수는 항상 해당 함수에 대해 로컬입니다. 함수가 완료되면 로컬 변수가 삭제됩니다. 전역 변수에는 전역 범위가 있으므로 JavaScript 코드의 어느 곳에서나 정의할 수 있습니다. 웹 브라우저가 닫히면 전역 변수가 삭제됩니다. 그러나 동일한 브라우저 창에 새 페이지가 로드되면 그대로 유지됩니다. 전역 변수 사용법 - 예시 다음 코드를 실행하여 JavaScript에서 변수 범위로 작업하는 방
사용자가 마우스를 클릭하거나, 이미지를 로드하거나, HTML 요소를 클릭하거나, HTML 양식을 제출하는 등의 이벤트 발생 시 JavaScript를 실행할 수 있습니다. 이벤트는 DOM(Document Object Model) 레벨 3의 일부이며 모든 HTML 요소에는 JavaScript 코드를 트리거할 수 있는 일련의 이벤트가 포함되어 있습니다. 예시 이벤트 핸들러에서 함수를 호출하여 텍스트를 변경할 수 있는 예를 살펴보겠습니다. 라이브 데모 <!DOCTYPE html> <html>
onClick 이벤트는 사용자가 마우스 왼쪽 버튼을 클릭할 때 발생하는 가장 자주 사용되는 이벤트 유형입니다. 이 이벤트 유형에 대해 유효성 검사, 경고 등을 넣을 수 있습니다. 예 다음 코드를 실행하여 onClick 이벤트에서 JavaScript 함수를 호출할 수 있습니다. 라이브 데모 <html> <head> <script> <!--
확인 대화 상자는 대부분 옵션에 대한 사용자의 동의를 받는 데 사용됩니다. 두 개의 버튼이 있는 대화 상자가 표시됩니다. 취소 . 사용자가 확인 버튼을 클릭하면 창 방식이 확인됩니다. () true를 반환합니다. 사용자가 취소 버튼을 클릭하면 Confirm()이 false를 반환합니다. 예시 다음 코드를 실행하여 JavaScript에서 확인 대화 상자를 구현할 수 있습니다. 라이브 데모 <html> <head> <script>
자바 스크립트에서 타임스탬프를 얻으려면 다음 코드를 실행해 보십시오. 1970/01/01 이후의 타임스탬프를 반환합니다. 예시 실시간 데모 <!DOCTYPE html> <html> <body> <script> var timeStamp = Math.floor(Date.now() / 1000); document.w