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 : 내용을 문서(페이지)에 출력함
'HTML, CSS, JS' 카테고리의 다른 글
| 2022-09-26 javascript 문법 (0) | 2022.09.26 |
|---|---|
| html,css_박스모델 실습과제 layout_main.html 리뷰 (0) | 2022.09.24 |
| 2022-09-22 CSS우선순위, 속성 (0) | 2022.09.22 |
| 2022-09-21(2) CSS (0) | 2022.09.21 |
| 2022-09-21(1) html 양식태그 입력하여 서버로 전송 (0) | 2022.09.21 |
댓글