본문 바로가기

Java Script

기초 소스

범위설정

<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