앱 만들기/JavaScript study

자바스크립트 팝업창 함수

나도처음이야 2022. 12. 28.
반응형

자바스크립트 함수 중 기본 팝업창을 띄우는 alert() 함수 입니다.

간단한 팝업 메뉴를 보여줄 때 사용하면 되겠습니다.   

사용법 입니다.

자바스크립트 파일을 만들고, 하기처럼 코딩 합니다.

단 한 줄 이면 됩니다.

 

[merryChristmas.js]

alert("alert 팝업창 입니다.");

 

해당 파일과 연결되어 있는 HTML 파일을 실행 시키면

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script src="merryChristmas.js"></script>
</body>
</html>

하기와 같은 결과를 얻을 수 있습니다.

 

alert 는 "알리다" 라는 뜻을 가진 영단어 입니다.

뜻 그대로, 알림 팝업창을 호출하고 싶다면 alert() 함수를 사용하면 됩니다.

참고로, 자바스크립트에서는 대소문자를 구별하기에 Alert() 라고 잘 못 표기하면 안되겠습니다.

 

alert() 인자 값을 줄때는, " " , ' ' 

두가지를 혼용해서 사용 가능 합니다. 예로 "안녕하세요" , '안녕하세요' 둘다 정상 출력 됩니다.

이상으로 자바스크립트 기본 팝업창 함수인 alret() 를 알아 보았습니다.

감사합니다.

 

https://soo0100.tistory.com/2062

 

HTML에 자바스크립트 연결 하기

자바스크립트 파일을 HTML 파일과 분리하여 만들면 소스 관리 및 유지보수에 유용합니다., 여러 HTML에 하나의 자바스크립트 파일을 연동해서 사용할 수 있고, HTML 에는 웹 문서의 구조만 표현하고

soo0100.tistory.com

 

반응형

댓글