본문 바로가기

onclick 링크 태그

2021. 1. 31. 댓글 0

onclick 링크태그 정리

오늘부터 늦은 나이지만 생활코딩을 배워 보려고 포스팅 카테고리를 추가 했습니다.

코딩을 업으로 하기 위한 것은 아니고 인터넷을 하면서 프로그램을 수정할때 필요한 수준, 그리고 자녀들이 커가며 학교에서 코딩의 비중이 커지고 있어 아빠로서 나중에 조언을 해줄 수 있는 수준까지 뭐,.... 이러다 노년에 해커거 탄생하는 반전이 있을 수 있을 수도..ㅋㅋ

 

그리고 html, php, css, java...등 모든 웹 언어에 관한 것을 생활코딩이란 카테고리에 나중에 내가 참고 하기 위한 기록형 포스팅으로 운영할 예정입니다.

 

onclick 링크 태그

클릭시 새창으로 열고 싶을 때

형식: onclick="window.open('주소')"

예: <input type="button" class="btn btn-warning btn-sm" value="후원하기" onclick="window.open('https://<?=$site_url?>/include/how_to_support.php') ">

>> 따옴표를 잘 봐야 한다.

>> a 링크에서의 target='_blank' 와 동일 한 효과

 

 

클릭시 현재 페이지에서 열고 싶을 때

형식: onclick="location.href='주소'"

예: <input type="button" value="공지사항" class="btn btn-danger btn-sm" onclick="location.href='https://<?=$site_url?>/include/notice.php'">

 

 

마무리

링크를 걸때 A태그를 주로 이용했는데 이렇게 온클릭으로 사용하는 것을 가끔 봤는데 오늘에서야 그 의미를 확실히 알게 되었다. 이런 차이가 있는 줄 왜 몰랐을까 ㅋㅋ

◀ 태그 ▶

,
◀ 함께보면 유용한 글 ▶

◀ 댓글 ▶ 0