<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DOMLoaded Event와 Window의 load이벤트의 차이점</title>
<!-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> -->
<script src="libs/jquery-3.6.0.min.js"></script>
<script>
window.onload = function() {
console.log("window.onload()에서 이미지의 너비" + $("#image").width());
};
$(document).ready(function() {
// var $image = $("#image");
console.log("jquery.ready()에서 이미지의 너비:" + $("#image").width());
});
</script>
</head>
<body>
<img src="images/gigu.jpg" id="image">
</body>
</html>
'IT > JavaScript와 Framework' 카테고리의 다른 글
| AngularJS 를 활용한 로그인 서비스 개발 (0) | 2022.08.17 |
|---|---|
| $stateChangeStart toState fromState 이동....자료조사 (0) | 2022.08.03 |
| [JQuery] 샘플예제 - 002 - jquery진입점 형식 (0) | 2022.07.13 |
| [JQuery] 샘플예제 - 001 (0) | 2022.07.13 |
| event.preventDefault() 간단 사용법 (0) | 2022.07.13 |
댓글