728x90
반응형
1. 인라인 방식: HTML 내 선언
2. 내부작성방식: 내부 script 안에 호출 메소드 작성
3. 외부링크연결: 별도의 .js파일을 만들고 메소드 작성하여 연동
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="resources/js/start.js"></script>
<script type="text/javascript">
function embededTest(){
var doc = document.getElementsByTagName("li")[1];
doc.style.color="red";
doc.innerHTML="<strong>글자가 바뀝니다.</strong>";
}
</script>
</head>
<body>
<h1>자바스크립트 작성방시 3가지 </h1>
<ol> <!-- 내부선언 , 외부선언할때는 alert('(작은따옴표사용)'); -->
<li onclick="alert('inline');">inline 방식</li>
<li onclick="embededTest();">내부 작성 방식</li>
<li onclick="test();">외부 링크 연결(*.js)</li>
</ol>
</body>
</html>
<외부 링크 연결 js 파일>
function test(){
window.alert('외부 작성 방식!'); // window 없어도 가능!
}
window.onload=function(){
alert("윈도우가 로딩된 후!");
}728x90
반응형
'Web > JavaScript' 카테고리의 다른 글
| [JS]rolling (0) | 2020.07.28 |
|---|---|
| [JS]closure (0) | 2020.07.28 |
| [JS]함수function_02 (0) | 2020.07.28 |
| [JS]함수Function_1 (0) | 2020.07.28 |
| [JS]변수var (0) | 2020.07.27 |
