범위설정
<script type="text/javascript"> </script>
메세지 박스(창)
alert("Java Script 실행");
콘솔창에 입력
console.log("Java Script 실행되었음");
변수선언
var v;
<!-- 10진수를 2,8,16진수로 바꾸는 함수 -->
function func() {
let num = 128;
//2진수 변환
// let result = num.toString(2);
//8진수
// let result = num.toString(8);
//16진수
let result = num.toString(16);
alert(result);
HTML return값 받기 (아래 document 는 HTML문서 지칭 )
//getter로 사용
v = document.getElementById("demo").innerHTML
//setter
document.getElementById("demo").innerHTML="p tag id demo";
// JQuery 로 표시할 경우
$("#demo").text(p tag id demo);
(함수)창 호출하기
"myScript.js"에서 (함수)창 호출하기 (head에 선언)
<head>
<script type="text/javascript" src="myScript.js"></script>
</head>
<body>
<p id="demo" onclick="func()">여기가 p 태그</p>
</body>
myScript.js 파일
function func() {
alert("function() 외부 파일 호출");
}
<!-- 헤더에 정의하여 호출하기 -->
<head>
<script type="text/javascript">
function func() {
alert("function() 호출"); //창에 뜨는 메세지 작성
}</script>
</head>
<body>
<p id="demo" onclick="func()">여기가 p 태그</p>
</body>
<!-- 내부에서 선언하는 방법 -->
<body>
<p id="demo" onclick="func()">여기가 p 태그</p>
<script type="text/javascript">
function func() {
alert("func() 호출"); //창에 뜨는 메세지 작성
}
</script>
</body>
'Java Script' 카테고리의 다른 글
숫자가 아닌 문자가 포함되어 있습니다 (0) | 2020.07.10 |
---|---|
링크 이동가능한 태그들 정리 (0) | 2020.07.09 |
문자열 다루기 (0) | 2020.07.08 |
JS변수 var/let 선언과 차이 (0) | 2020.07.08 |
구성 (0) | 2020.07.08 |