투케이2K

25. (html/css/javascript/jquery) onclick location href 사용해 특정 태그, url, 파일 이동 실시 본문

FrontEnd

25. (html/css/javascript/jquery) onclick location href 사용해 특정 태그, url, 파일 이동 실시

투케이2K 2021. 6. 2. 17:44

/* =========================== */

[ 개발 환경 설정 ]

​

개발 툴 : Edit++

개발 언어 : html, css, js, jquery

/* =========================== */

​

/* =========================== */

[소스 코드]

 

<!-- 특정 태그로 이동 실시 -->
<div id = "home_move" onclick = "location.href='#static_header_container'"></div>


<!-- 특정 url 이동 실시 -->
<div id = "home_move" onclick = "location.href='https://www.naver.com'"></div>


<!-- 특정 파일 이동 실시 -->
<div id = "home_move" onclick = "location.href='../page/main.html'"></div>

/* =========================== */

​

/* =========================== */

[결과 출력]

​

/* =========================== */

​

반응형
저작자표시

'FrontEnd' 카테고리의 다른 글

27. (html/css/javascript/jquery) position , float 사용해 div 정렬 및 p 태그 텍스트 중앙 정렬 실시  (0) 2021.06.06
26. (html/css/javascript/jquery) 드래그 앤 드롭 (drag and drop) 기능을 사용해 div 속성값 교체 실시 - 브라우저, 모바일  (0) 2021.06.04
24. (html/css/javascript/jquery) highlight color 사용해 클릭 이벤트 발생 시 파란색 영역 테두리 박스 표시 하이라이트 제거 실시  (1) 2021.06.02
23. (html/css/javascript/jquery) 배경 색상 그라데이션 적용 실시 - background linear gradient  (0) 2021.06.01
22. (html/css/javascript/jquery) scrollbar 사용해 웹 브라우저 스크롤 바 스타일 설정 실시 - 스크롤 바 히든 및 정상 스크롤 동작 처리  (0) 2021.06.01
'FrontEnd' Related Articles more
Comments