1. addEventListener "click"
※ 오류 "Uncaught TypeError: Cannot read property 'addEventListener' of null"
: addEventListener 사용 시 <script>태그를 <head>부분이나 <body>부분 상단 넣으니 위 오류가 발생했다. <body>부분 하단으로 옮겨주니 정상작동했다.
ex)
<body>
<div>
<button class="register_btn" type="button">글쓰기</button>
</div>
</body>
<javascipt>
const registerButton = document.querySelector('.register-btn')
registerButton.addEventListener('click', register);
function register(){
self.location = "/controller/board/register"
}
</javascipt>
ex)
<body>
<div>
<button class="register_btn" type="button">글쓰기</button>
</div>
</body>
<javascript>
const registerButton = document.querySelector('.register-btn')
registerButton.addEventListener("click", function(){
self.location = "/controller/board/register"
})
</javascript>
2. on "click"
ex)
<body>
<div>
<button class="register_btn" type="button">글쓰기</button>
</div>
</body>
<javascript>
$(".register-btn").on("click", function(){
self.location = "/controller/board/register" //javascript에서 url로 이동하기
})
</javascript>'JAVASCRIPT,JQUERY' 카테고리의 다른 글
| $(document).ready(function() / $(function() (0) | 2023.01.27 |
|---|---|
| JSP <form>태그 활용 (0) | 2023.01.18 |