개발일지/html, 자바스크립트
a href 로 링크 걸 때 프로젝트 명이 포함되는 현상 / target="_blank" 와 target="blank"
Kiwisae
2023. 2. 10. 13:27
wrtie 페이지에서 input type="text" 로 입력란을 생성해
사용자에게 url 을 입력받아 DB에 저장,
그것을 jsp 화면으로 불러와 a 태그로 링크를 걸어주어야 하는 상황.
<%= %> 로 db에서 사용자가 입력한 url 을 가져올 땐 잘 가져와지고, 그 주소를 직접 타이핑해서 들어갈 땐 잘 연결이 되는데,
내가 링크를 걸면 프로젝트 명이 포함되어 버려서 곤란했다.
www.daum.net 에 커서를 올리면 아래 캡쳐와 같이 프로젝트 명이 같이 연결되어 버렸다.
검색해보니까 프로젝트의 설정을 변경하라는데 그걸 내 마음대로 할 수 있는 상황이 아니었음
<!-- String rurl 에 주소값을 저장 -->
<a href ="<%=rurl %>" target="_blank">
<%=rurl %>
</a>
사용자 입력 란에는 placeholder를 이용하여 http://를 제외하고 입력받고 다음과 같이 내용을 구성하여 해결했다.
<a href ="http://<%=rurl %>" target="_blank">
<%=rurl %>
</a>
target="_blank" 를 a 태그 안에 추가하면 새 탭을 열어 링크 이동한다.
_blank와 blank 에는 차이점이 있는데,
_blank는 링크를 계속 클릭하면 계속 새 창을 연다
blank는 최초 한번만 새 창을 열고 계속 클릭하면 새로 열었던 그 창에서 계속 이동한다.