728x90
반응형
[HTML & CSS] 버튼 onclick 이벤트로 링크 이동 및 넣는법 - 초간단 !!
<!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>버튼에 링크걸기</title>
</head>
<body>
<h2>버튼 onclick 이벤트로 링크 이동</h2>
<button type="button" onclick="location.href='https://seill.tistory.com/';"> 현재페이지에서 이동 </button>
<button type="button" onclick="window.open('https://seill.tistory.com/');"> 새탭으로 이동 </button>
</body>
</html>결과값
버튼 onclick 이벤트로 링크 이동
728x90
반응형
'Coding > HTML & CSS' 카테고리의 다른 글
| [HTML & CSS] input(text 박스)태그에 정규식을 사용하여 한글 입력 방지 하는법 !! (2) | 2022.05.25 |
|---|---|
| [HTML & CSS] 버튼클릭으로 로딩바(Loding Bar) 만들기! (0) | 2022.04.11 |
| [HTML & CSS] 입력한 상태 그대로 보여 주는법, <pre> 태그 사용법 !! (0) | 2022.02.09 |
| [HTML & CSS] select option태그에 placeholder(플레이스 홀더) 기능 처럼 꾸미기 && 효과내기 (0) | 2022.02.03 |
| [HTML & CSS] visibility:hidden 과 display:none 차이점 및 사용법 (0) | 2021.09.02 |
댓글