회사에서 순수 HTML 페이지를 구현하면서 button에 onClick 이벤트로 특정 URL로 이동하는 기능을 구현하려고 했다. MDN 문서에도 나와 있는 Location 객체를 구현해봤다!
location.href란?
href는 location 객체에 속해있는 프로퍼티로, 현재 접속중인 페이지 정보를 갖고 있다. 값을 변경할 수 있어서, 주소 위치에 원하는 페이지 주소를 넣으면 다른 페이지로 이동할 수도 있다
Location?
https://developer.mozilla.org/ko/docs/Web/API/Location
Location - Web API | MDN
Location 인터페이스는 객체가 연결된 장소(URL)를 표현합니다. Location 인터페이스에 변경을 가하면 연결된 객체에도 반영되는데, Document와 Window 인터페이스가 이런 Location을 가지고 있습니다. 각각
developer.mozilla.org
Location 인터페이스는 객체가 연결된 장소(URL)을 표현한다.
소스코드
<button class="go_to_main" onclick="location.href='https://비밀주소'">
메인으로
</button>
반응형
'Programming > Javascript, Typescript' 카테고리의 다른 글
| [JavaScript] .getMonth() 메서드는 왜 zero-base일까? (0) | 2023.07.25 |
|---|---|
| [JavaScript] new 연산자 (0) | 2023.07.13 |
| Promise.all, 무엇이고 언제 사용해야 할까? (0) | 2023.03.06 |
| [JavaScript] new Date()로 생성된 시간을 한국 시간으로 바꾸기 (0) | 2023.02.18 |
| [JavaScript] 화살표 함수 (0) | 2023.02.09 |
댓글