๐ ์๋ฐ ์คํฌ๋ฆฝํธ JavaScript
2๏ธโฃ ์๋ฐ ์คํฌ๋ฆฝํธ Inline , Internal , external ๋ฐฉ์
Meteora_
2021. 3. 2. 11:45
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';
}