View
자바스크립트 생성 방법
- 과거에는 script type="text/javascript"를 표기하지만 html5에서는 기술하지 않아도 된다.
- 자바 스크립트는 <script>태그 사이에 입력한다.
- 자바 스크립트는 <head> 또는 <body>부분에 있을 수 있다. (주로 body)
- 간단한 내용일 경우 해당 파일에서 작성한다.(내용이 많을 경우 js파일을 따로 만들어 src를 걸어 사용.
방법 1. 출력문 사용
1) document.write() : 데이터를 '브라우저 화면' 에 출력하는 메서드
- document.writeln() 과 동일
<script>
document.write("<h1>Welcome to javascript1</h1>");
document.write("hello javascript1"); // 개행(줄바꾸기)기능이 없으므로, <br> <hr>을 적어준다.
document.write("hello javvascript2<br>");
document.write("<hr/>");
</script>2) console.log() : 데이터를 '브라우저 콘솔' 에 출력하는 메서드
<script>
console.log("hello javascript1");
console.log("hello javascript2");
console.log("<h1>hello javascript1</h1>");
</script>방법 2. js 파일 생성
- 외부에 스크립트 파일을 생성 및 참조하여 사용할 수 있음.
- 참조경로는 css, 이미지 등등과 작성방법이 같음.
- 공통 스크립트 , 무거운 파일을 주로 외부로 분류하여 사용.
// 1.같은 폴더 내에 외부 js파일을 생성 후 javascript 코드 따로 빼 저장한다.
// 2. sript를 가져오고 싶은 페이지 상단에 아래 코드를 추가한다.
<script src="파일이름.js"></script>'JAVASCRIPT' 카테고리의 다른 글
| JAVASCRIPT) 자바스크립트의 데이터 타입 및 형 변환 (0) | 2021.07.10 |
|---|---|
| JAVASCRIPT) 자바스크립트의 변수 (0) | 2021.07.10 |
| JAVASCRIPT) 시작 (0) | 2021.07.09 |
| JAVASCRIPT) UI VS API (0) | 2021.07.09 |
| JQUERY) 사용 방법 (0) | 2021.07.09 |
reply
