외부 문서로 저장된 자바 스크립트 파일 불러오기
ex)
<SCRIPT language="javascript" src="my.js">
</SCRIPT>
<html>
<head>
<title>어서와</title>
<script language="javascript">
document.write("어서와. 자바는 처음이지?!");
</script>
</head>
<body>
</body>
</html>
| 7. 기초 응용 (0) | 2012.11.06 |
|---|---|
| 6. 파일 불러오기 (0) | 2012.11.06 |
| 5. 메서드 (0) | 2012.11.06 |
| 4. 프로퍼티 (0) | 2012.11.06 |
| 3. 브라우저 오브젝트 (0) | 2012.11.06 |
<html>
<head><title>멜데스</title></head>
<script type="text/javascript"
src="js/MI.js">
</script>
</body>
</html>
============
<JavaScript>
window.resizeTo(300,500);
document.write("이름 : 멜데스<br>");
document.write("나이 : 기억안남<br>");
document.write("하고 싶은 말 : 게임 업계 박봉이라 힘듭니다ㅠㅠㅠ<br>");
| 간단한 자바 스크립트 예제 (0) | 2012.12.05 |
|---|---|
| 6. 파일 불러오기 (0) | 2012.11.06 |
| 5. 메서드 (0) | 2012.11.06 |
| 4. 프로퍼티 (0) | 2012.11.06 |
| 3. 브라우저 오브젝트 (0) | 2012.11.06 |
외부 자바 스크립트 파일을 불러오기
* 자바 스크립트 파일은 별도로 폴더를 만들어서 HTML파일과 따로 보관해 두는 것이 좋다. (다른 HTML에서 또 끌어와서 쓸 수 있기 때문)
자바 스크립트 외에 CSS나 쿼리, 이미지, 스타일 시트 관련된 문서도 따로 보관해 두자.
<!--HTML-->
<html>
<body>
<script type="text/javascript" src="js/winsize.js">
</script>
</body>
</html>
===========================
<js>
document.write("'winsize.js'를 호출했습니다.");
window.resizeTo(600,300);
| 간단한 자바 스크립트 예제 (0) | 2012.12.05 |
|---|---|
| 7. 기초 응용 (0) | 2012.11.06 |
| 5. 메서드 (0) | 2012.11.06 |
| 4. 프로퍼티 (0) | 2012.11.06 |
| 3. 브라우저 오브젝트 (0) | 2012.11.06 |
메서드 : 오브젝트에 대한 처리를 정리한 것. 메서드를 호출하면 오브젝트에 대한 처리를 명령할 수 있다.
메서드 실행하기
window.alert() : 경고 대화상자를 표시
window.document.write() : 문자열을 출력
<html> <head><title>메서드</title> <meta http-equiv="Content-Script-Type" content="text/javascript"> <body> 버튼을 더블 클릭하세요.<br> <input type="button" value="버튼" ondblclick="alert('perfect')"> </body> </html>
| 7. 기초 응용 (0) | 2012.11.06 |
|---|---|
| 6. 파일 불러오기 (0) | 2012.11.06 |
| 4. 프로퍼티 (0) | 2012.11.06 |
| 3. 브라우저 오브젝트 (0) | 2012.11.06 |
| 2. JavaScript 호출 방법 (0) | 2012.11.06 |
<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
</head>
<body onload='window.defaultStatus='색 설정'">
<script type="text/javascript">
document.fgColor="red";
document.bgColor="gray";
</script>
문자와 배경색을 변경했습니다.
</body>
</html>
| 6. 파일 불러오기 (0) | 2012.11.06 |
|---|---|
| 5. 메서드 (0) | 2012.11.06 |
| 3. 브라우저 오브젝트 (0) | 2012.11.06 |
| 2. JavaScript 호출 방법 (0) | 2012.11.06 |
| 1. Hello World! (0) | 2012.11.06 |
오브젝트 : 조작의 대상이 되는 부품과 같은 것.
JavaScript는 웹에서 많이 사용하는데, 브라우저의 창, 폼, 도큐먼트 등은 브라우저를 구성하는 오브젝트이다.
브라우저의 오브젝트
브라우저의 오브젝트는 ECMAScript로 표준화 되어 있지 않고, 브라우저마다 독자적인 오브젝트가 내장되어 있다.
일반적인 브라우저의 오브젝트는 Window 오브젝트를 최상위로 설정된 트리 구조로 이루어져있다.
| 6. 파일 불러오기 (0) | 2012.11.06 |
|---|---|
| 5. 메서드 (0) | 2012.11.06 |
| 4. 프로퍼티 (0) | 2012.11.06 |
| 2. JavaScript 호출 방법 (0) | 2012.11.06 |
| 1. Hello World! (0) | 2012.11.06 |
이벤트 핸들러를 사용한 JavaScript를 호출하는 방법
*이벤트 핸들러 : 폼의 버튼을 클릭하거나 키보드를 누르는 등 특정 이벤트(Event)가 발생하였을 때 이 같은 처리를 실행하는 장치
<html>
<head>
<meta http-equiv="Content-script-Type" content="text/javascript">
</head>
<body>
<input type="button" value="주소" onclick="alert('어서 오세요'); alert('http://bjh0925.tistory.com')">
</body>
</html>
| 6. 파일 불러오기 (0) | 2012.11.06 |
|---|---|
| 5. 메서드 (0) | 2012.11.06 |
| 4. 프로퍼티 (0) | 2012.11.06 |
| 3. 브라우저 오브젝트 (0) | 2012.11.06 |
| 1. Hello World! (0) | 2012.11.06 |
<html>
<head><title>Hello</title></head>
<body>
Let's JavaScript--<br>
<script type="text/javascript">
<!--
window.document.write("Hello World!");
window.alert("안녕하세요 ㅎㅎ");
//-->
</script>
<noscript>
JavaScript를 처리할 수 없습니다.
</noscript>
</body>
</html>
| 6. 파일 불러오기 (0) | 2012.11.06 |
|---|---|
| 5. 메서드 (0) | 2012.11.06 |
| 4. 프로퍼티 (0) | 2012.11.06 |
| 3. 브라우저 오브젝트 (0) | 2012.11.06 |
| 2. JavaScript 호출 방법 (0) | 2012.11.06 |
|
