onclick 링크 ( table / tr / td / button ) > 기술자료

• 목록
• 게시판 리스트 옵션
  • 검색

onclick 테그를 활용하여 다양한 링크를 만드는 방법입니다.


1. table / tr / td 에 링크 걸기
<table style="cursor:pointer;" onclick="location.href='링크'" onmouseover="window.status='링크'" onmouseout="window.status=''">
  <tr>
    <td>링크</td>
  </tr>
</table>
 
<table>
  <tr style="cursor:pointer;" onclick="location.href='링크'" onmouseover="window.status='링크'" onmouseout="window.status=''">
    <td>링크</td>
  </tr>
</table>
 
<table>
  <tr>
    <td style="cursor:pointer;" onclick="location.href='링크'" onmouseover="window.status='링크'" onmouseout="window.status=''">링크</td>
  </tr>
</table>


2. button 에 링크 걸기

2-1. 현재페이지에 부를때
<button onclick="location.href='링크'">button</button>

2-2. 새 창에 열때
<button onclick="window.open('링크')">button</button>

2-3. 팝업으로 열기 (주소,팝업창이름,옵션)
<button onclick="window.open('링크','window_name','width=430,height=500,location=no,status=no,scrollbars=yes');">button</button>

2-4. 상위 프레임에 부를때
<button onclick="parent.location.href='링크'">button</button>

2-5. 프레임 지정 링크
<button onclick="타켓명.location.href='링크'">button</button>



참고자료
http://blog.naver.com/tais11/40058411821
https://wallel.com/onclick-링크-새창팝업현재창프레임/