[Jquery] 팝업 알럿창 띄우기

쇼핑몰이나 블로그에 어떤 메뉴를 구상해놓고

클릭값을 빼놓는 경우가 있다.

나같은 경우 어떤 메뉴를 넣고 싶은데 까먹을까봐 그냥 메뉴명부터 넣어놓곤 하는데

그럴때 그냥 두면 허전하니 방문자가 클릭 했을 때 알럿창을 띄워 놓는다.

먼저 스크립트를 작성한다.

function alert_event() {
    alert("여기 메시지가 들어간다");
};

알림창이 뜨는 기능을 alert_event로 지정했다.

줄바꿈을 하고싶다면 HTML에서 <br>을 입력하는것 처럼 \n을 입력하면 된다

매우 간단한 구조의 스크립트다

복사해놓고 두고두고 쓰자

다음은 버튼 클릭 액션을 만들자

<a href="javascript:alert_event();">클릭</a>

아까 작성한 스크립트를 href에서 javascript:alert_event() 를 이용해서 실행하면 된다.

아래는 실행된 모습

See the Pen 버튼 누르면 알럿창 띄우기 by biggerbig (@biggerbig) on CodePen.