onclick 링크 ( table / tr / td / button ) > 기술자료 | 해피정닷컴

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

본문 바로가기

사이트 내 전체검색

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

HTML 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-링크-새창팝업현재창프레임/

댓글목록

등록된 댓글이 없습니다.


Total 2,636건 73 페이지
  • RSS
기술자료 목록
1196
그누보드   14427  2012-06-16 06:20  
1195
WindowsServer   32360  2012-06-14 13:32  
1194
ClassicASP   18868  2012-06-13 13:37  
1193
PHP   18738  2012-06-13 03:34  
1192
MySQL   12927  2012-06-13 02:18  
1191
SQL   12925  2012-06-13 01:59  
1190
WindowsServer   16646  2012-06-11 14:35 ~ 2016-02-10 00:00  
1189
WindowsServer   17537  2012-06-11 14:27  
1188
ClassicASP   18046  2012-06-11 12:09 ~ 2012-06-11 00:00  
1187
etc언어   13609  2012-06-11 11:19  
1186
ClassicASP   13833  2012-06-11 06:55  
1185
HTML   53835  2012-06-07 17:46 ~ 2023-11-17 10:41  
1184
JavaScript   27284  2012-06-05 00:48  
열람
HTML   25131  2012-06-04 18:26 ~ 2020-01-19 13:34  
1182
메이크샵   12356  2012-06-02 11:51  
1181
메이크샵   10386  2012-06-02 11:45  
1180
그누보드   19249  2012-06-01 20:26  
1179
HTML   30678  2012-06-01 11:53 ~ 2012-06-02 00:00  
1178
ClassicASP   13526  2012-05-30 19:50  
1177
SQL   19717  2012-05-30 14:36 ~ 2013-09-22 00:00  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2025 해피정닷컴. All Rights Reserved.