인라인 자바스크립트 활용하기(onClick)

홍범선·2023년 9월 27일
0

프론트엔드

목록 보기
4/16

📝 내부 파일에서 자바스크립트 사용할 때

📝 외부 파일에서 자바스크립트 사용할 때

📝 인라인에서 자바스크립트 사용할 때


주로 페이지 이동은 href를 사용한다.
만약 iPhoneX 관한 페이지 이동이 href로 된 빨간색 테두리 부분을 눌러야지 된다면 불편하지 않을까?🤔
그래서 파란색 테두리 부분을 누르면 href로 페이지 이동이 되게 해야 한다.
이때 파란색 테두리는 section태그에는 href속성이 없으니 onClick이벤트를 사용한다.

<section class="welcome" onclick="location.href='iphonex.html'">
	...
</section>

문제는 현재 페이지가 이동한다

새로운 탭에 페이지가 이동되게 할 순 없을까?🤔

<section class="welcome" onclick="window.open('iphonex.html')">
	...
</section>

📝 정리

profile
알고리즘 정리 블로그입니다.

0개의 댓글

관련 채용 정보