๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿš€ ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ JavaScript

2๏ธโƒฃ ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ Inline , Internal , external ๋ฐฉ์‹

by Meteora_ 2021. 3. 2.
728x90
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<script type="text/javascript" src="myScript.js"></script>


<script type="text/javascript">
//ํ—ค๋”๋ถ€๋ถ„ ์ธํ„ฐ๋„๋ฐฉ์‹
/*
function func() {
	alert('internal function ํ˜ธ์ถœ');
	document.getElementById('myP').innerHTML='hello';
}
*/
</script>

</head>
<body>

<p id="myP">p ํƒœ๊ทธ์ž…๋‹ˆ๋‹ค</p>
<!--<p id="demo" onclick="alert('p tag click')">์—ฌ๊ธฐ๊ฐ€ pํƒœ๊ทธ์ž…๋‹ˆ๋‹ค</p> -->

<!--<p id="demo" onclick="document.getElementById('myP').innerHTML='hello'")>์—ฌ๊ธฐ๊ฐ€ pํƒœ๊ทธ์ž…๋‹ˆ๋‹ค</p>-->

<p id="demo" onclick="func()">์—ฌ๊ธฐ๊ฐ€ pํƒœ๊ทธ์ž…๋‹ˆ๋‹ค</p> 



<script type="text/javascript">

/*
function func() {
	alert('function ํ˜ธ์ถœ');
	document.getElementById('myP').innerHTML='hello';
}
*/



</script>


</body>
</html>

 

js ํŒŒ์ผ (myScript.js) ->

 

 

/**
 * 
 */

function func() {
	alert('External function ํ˜ธ์ถœ');
	document.getElementById('myP').innerHTML='hello';
}

 

 

๋Œ“๊ธ€