[학습내용]
언어: HTML/JavaScript
학습자료: javascript - Cannot set property 'innerHTML' of null - Stack Overflow
배운 것: 웹페이지를 시작할 때 표시되는 내용을 JavaScript에서 계산하기 위해서 JavaScript "window.onload" 함수를 사용해야 한다.
[HTML]
<head>
<script language="javascript" src="js.js"></script>
</head>
...
<footer>
<p>© Copyrights <a id="year"></a> By Remember Me. All rights reserved.</p>
</footer>
- Script 선언은 head 태그 내에서 한다.
- CSS에 설정된 태그의 내용을 확인하고 사용한다. span 태그는 이미 별똥별 CSS에서 사용했기 때문에 a 태그를 사용하여 년도를 표시하였다.
[JavaScript]
window.onload = function load(){
document.getElementById("year").innerHTML = new Date().getFullYear();
}
- "window.onload" 기능을 사용하여 웹페이지가 표시될 때 JavaScript에서 원하는 변수 값을 미리 계산한 후에 표시 한다.
[결과값]
반응형
'One Hour Coding Challenge' 카테고리의 다른 글
| [1HCC] DAY - 007 - 버튼 (0) | 2024.08.21 |
|---|---|
| [1HCC] DAY - 006 - 애니메이션 효과 삽입 (0) | 2024.03.20 |
| [1HCC] DAY - 004 - Footer 삽입 (0) | 2024.02.22 |
| [1HCC] DAY - 003 - 메뉴바 꾸미기 (0) | 2024.02.21 |
| [1HCC] DAY - 002 - CSS 배경 애니메이션 (0) | 2024.02.20 |
댓글