- <script> 요소를 이용하기
1 2 3 4 5 6 7 8 9 10 11 12 | <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML 페이지에 JavaScript 코드 사용하기</title> </head> <body> <script type="text/javascript"> console.log('Wooguy javascript 입니다.'); // 로그 출력 확인은 F12키 </script> </body> </html> |
- 외부 스크립트를 임포트하기
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML 페이지에 JavaScript 코드 사용하기</title> </head> <body> <p>Smart Link 프로젝트에서는 현재<span id="mem">멤버 모집 중</span>입니다.</p> <!--외부 스크립트--> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <!--인라인 스크립트--> <script type="text/javascript"> $(function() { $('#mem').css('background-color', '#ff6'); }); </script> </body> </html> |
- 문자 코드는 UTF-8을 권장
댓글 없음:
댓글 쓰기