웹마스터 팁
[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
댓글 0
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| [JavaScript] 전체화면으로 페이지 열기 [2] | SM | 2002.02.24 |
| [JavaScript] 텍스트 상자에서 메세지가 타이핑 됩니다 | SM | 2002.02.24 |
| [JavaScript] 랜덤 듀레이션 효과 - 페이지 들어오고 나갈때 벗겨지는 효과 보여주기 [1] | SM | 2002.02.24 |
| [JavaScript] 창의 사이즈 변경 금지 시키기 | SM | 2002.02.24 |
| [JavaScript] 폼 버튼을 클릭하면 경고 메세지 보내기 | SM | 2002.02.24 |
| [JavaScript] 익스플로러,네츠케이프 모두에서 iframe 과 비슷하게 해보자! [3] | 티르 | 2002.01.24 |
| 페이지마다 타이틀 변경하기 [3] | WOWpc | 2001.10.10 |
| DHTM 을 이용한 마우스 오른쪽의 메뉴 만들기.. [11] | 허진규 | 2001.03.30 |
| [Tip] 페이지 이동중이라고 표시해보자~ ^_^ [10] | BiHon | 2001.03.28 |
| 자신의 홈페이지에 웹문서 검색엔진 장착하기 [4] | 지하넷 | 2009.05.04 |
노프레임 홈페이지 만들기 강좌
 | H.N커뮤니티 | 2009.02.28 |
| 레이어의 개념 및 기초 지식 [1] | ITBANK.kr | 2008.10.01 |
| SOUND 다루기 - 1 | ITBANK.kr | 2008.10.01 |
| 아이프레임 스크롤바를 투명하게 | wwolf | 2008.09.21 |
| page에 웹페이지의 보드(게시판 ) 삽입 [2] | parkys | 2007.10.24 |
| CSS 사용시 익스플로러 버그 해결하기. [3] | NineTail | 2007.08.28 |
| 폼방식으로 데이터를 넘길 때... [5] | 제로보드유저 | 2007.08.23 |
| html 웹자료제작,교과목제작[사용법 동영상강좌] [3] | parkys | 2007.05.11 |
| 프레임 홈페이지 만들때 유용한 팁 [2] | 지오 | 2007.03.24 |
| 간지님 faq 따라하기.... [1] | 이진수 | 2007.01.11 |