본문 바로가기
Jquery, Javascript

[Jquery] alert 이용해서 알림창 띄우기

by 준오네 2022. 6. 16.
반응형

웹상에서 알림창이 뜨면서 내용을 확인후에 확인을 누르셨던 경험을

 

아마 인터넷을 이용하시는분들은 다들 경험해보셨을 것입니다.

 

<script>
	alert('알림창입니다.');
</script>

기본적으로 이렇게 작성하는데 작성하게되면

 

해당페이지에 접속하면 알림창이 바로 떠버립니다.

 

그래서 버튼이나, 행동을 추가해서 사용해주는 것이 좋은데요.

 

버튼을 클릭할시에 알림창을 띄워보겠습니다.

 

 

<p class="btn">
	알림창버튼
</p>

<script>
	$(".btn").click(function(){		  
		alert("알림창입니다.");
	 });
	
</script>

버튼을 클릭시 alert창이 띄워지게 작성을하면

 

페이지 접속할시 알림창이 바로뜨지않고 버튼을 클릭했을시 

 

알림창이 나오게 됩니다.

반응형

댓글