웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[JavaScript] 폼 버튼을 클릭하면 경고 메세지 보내기
2002.02.24 09:10
예제) http://www.javascript.co.kr/scriptbbs/data/a/5.html
<HTML>
<HEAD>
<TITLE> Jasko Sample Script </TITLE>
<!---- [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요 ---->
<script language="javascript">
function pushbutton() {
alert("안녕하세요?n반갑습니다"); // n 은 줄을 바꿀때 사용합니다
}
</script>
<!------------------------- 여기까지 ---------------------------------->
</HEAD>
<BODY>
<center>
<!---- [2단계] 아래의 코드를 원하는 위치에 복사 해 넣으세요 -------------------->
<!-- 함수를 이용한 방법입니다. 함수를 이용하면 동일 페이지내에서 여러번 간단하게 사용할 수 있습니다 -->
<input type="button" value=" 함수를 사용한 방법 " onclick="pushbutton()">
<!------------------------- 여기까지 ---------------------------------->
</body>
</html>
※ 함수를 사용하지 않고 인라인(in-line)으로 사용하는 방법은 아래와 같이 사용합니다
1. 하이퍼텍스트를 이용한 방법
<a href="#" onClick="alert('안녕하세요?n반갑습니다'); return false">인라인 링크텍스트로 사용</a>
2. 폼버튼을 이용한 방법
<input type=button onClick="alert('안녕하세요?n반갑습니다')" value=" 인라인 폼 버튼으로 사용 ">
- Jasko
<HTML>
<HEAD>
<TITLE> Jasko Sample Script </TITLE>
<!---- [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요 ---->
<script language="javascript">
function pushbutton() {
alert("안녕하세요?n반갑습니다"); // n 은 줄을 바꿀때 사용합니다
}
</script>
<!------------------------- 여기까지 ---------------------------------->
</HEAD>
<BODY>
<center>
<!---- [2단계] 아래의 코드를 원하는 위치에 복사 해 넣으세요 -------------------->
<!-- 함수를 이용한 방법입니다. 함수를 이용하면 동일 페이지내에서 여러번 간단하게 사용할 수 있습니다 -->
<input type="button" value=" 함수를 사용한 방법 " onclick="pushbutton()">
<!------------------------- 여기까지 ---------------------------------->
</body>
</html>
※ 함수를 사용하지 않고 인라인(in-line)으로 사용하는 방법은 아래와 같이 사용합니다
1. 하이퍼텍스트를 이용한 방법
<a href="#" onClick="alert('안녕하세요?n반갑습니다'); return false">인라인 링크텍스트로 사용</a>
2. 폼버튼을 이용한 방법
<input type=button onClick="alert('안녕하세요?n반갑습니다')" value=" 인라인 폼 버튼으로 사용 ">
- Jasko