아래 예제 코드와 같은 자바스크립트 파일 test.js 가 있고 이를 html 에서 임포팅하여 실행하기
//파일 : test.js
document.write("hello JS");
console.log("hello console");
html 파일 내에서 자바스크립트 실행시키고 싶은 위치 아무 곳에서나 아래 구문 기록한다.
<script src="test.js"></script> |
<!-- 파일명 : test.html-->
<!DOCTYPE html>
<html>
<head>
</head>
<body>
body1 by html<br>
<script src="test.js"></script>
body2 by html<br>
</body>
</html>
상기 html 을 크롬에서 열어(이게 실행임) 실행된 화면 보면 아래와 같다. html 에서 문자열 body1 by html 표현이후 자바스크립트 실행되어 document.write 에 의한 Hello JS 문자 표현되고 이후 html 의 body2 by html 표현된다.
자바스트립트 console.log 출력 보는 방법
https://igotit.tistory.com/4967
JS . 자바스크립트 console.log 출력 웹 브라우저에서 보기
아래와 같은 자바스크립트 코드에서 console.log 출력 웹브라우저에서 보기. //파일 : test.js document.write("hello JS"); console.log("hello console"); 위 test.js 를 호출하는 html 파일. body1 by html body2 by html 크롬의
igotit.tistory.com
첫 등록 : 2023.10.29
최종 수정 :
단축 주소 : https://igotit.tistory.com/4966
'지속가능티끌 > JavaScript' 카테고리의 다른 글
| JS . 웹브라우저에서 웹소켓 클라이언트 구현 (0) | 2023.10.29 |
|---|---|
| JS . 자바스크립트 console.log 출력 웹 브라우저에서 보기 (0) | 2023.10.29 |
| JS . dtree 트리 표현 (0) | 2023.10.22 |
| JS . replace() . 문자열 교체 (0) | 2023.09.20 |
| JS . html body 문자열 받기 . document , innerHTML (0) | 2023.09.20 |
댓글