HTML, CSS, JS

2022-09-23 javascript 사용방법, 함수정의

HTT 2022. 9. 24. 15:01
javascript 사용방법

 

 

 

1. 바디태그 내부에서 정의하고 사용하는 방법

	<script type="text/javascript">
		document.write(" 출력할 내용 ");	
		test();       // 함수호출
	</script>

 

2. 헤드태그 안에 스크립트를 정의하고 사용
-> 주로 해드태그에 함수를 정의하고 필요한 곳에서 호출해서 사용

<head>
	<meta charset="UTF-8">
	<title>Insert title here</title>
	<script type="text/javascript">
				document.write(" 출력할 내용 ")
				function test()              // 함수정의. 함수이름()
                {
					alert(" 팝업으로 뜰 내용 ");
				}
	</script>
</head>
<body>
</body>

3. 태그 내부에서 inline으로 삽입(이벤트핸들러를 통해서 연결)

<input type="button" value=" 버튼에 표시할 내용입력 " onclick="alert('팝업으로 뜰 내용')">

// "내용입력"이라는 버튼을 클릭하는 순간 "팝업으로 뜰 내용"이라는 팝업창이 뜨도록 함수정의

 

4. 외부문서에 정의하고 연결해서 사용하기

-> js파일 따로 만들어서 경로를 연결하기

 

<script type="text/javascript" src="/clientweb/common/js/mytest.js"></script>

// js파일

/**
 * 
 */
function hello() 
	{
	alert("hello");
	}

* onclick : 클릭이 될 때 "내용" 실행하겠습니다.

 -> onclick = " 함수명() "

* document.write : 내용을 문서(페이지)에 출력함