HTML A tag / Button tag : 페이지 새로 고침 링크 / 버튼
데이타를 새로 불러 오는 경우와 같이, 페이지를 새로 고칠 필요가 있는 경우가 있습니다.
방문자가 브라우저의 '새로고침' 버튼으로 할 수도 있지만, 그러한 기능이 필요한 페이지의 편리한 위치에 [새로 고침] 링크나 버튼을 두면, 페이지를 보는 방문자가 편할 것 같습니다.
방법은 여러가지가 있을 수 있을 것입니다. 아래와 같이, <A> 링크 태그와 <Button> 태그를 사용하여, 간단하게 [새로 고침] 기능을 할 수 있습니다.
페이지 새로 고침 <A> 링크
[실제로 적용한 모습]
[ 새로 고침 ]
페이지 새로 고침 <A> 링크 오른쪽 위치
페이지 새로 고침 <A> 링크 가운데 위치
페이지 새로 고침 <A> 링크 아이콘 버튼
[실제로 적용한 모습]
페이지 새로 고침 <Button> 태그
[실제로 적용한 모습]
>> HTML 태그 사용법 목록: DIV P SPAN IMG A HR FONT BR ...
도움이 되기를 바랍니다.
방문자가 브라우저의 '새로고침' 버튼으로 할 수도 있지만, 그러한 기능이 필요한 페이지의 편리한 위치에 [새로 고침] 링크나 버튼을 두면, 페이지를 보는 방문자가 편할 것 같습니다.
방법은 여러가지가 있을 수 있을 것입니다. 아래와 같이, <A> 링크 태그와 <Button> 태그를 사용하여, 간단하게 [새로 고침] 기능을 할 수 있습니다.
페이지 새로 고침 <A> 링크
<a onClick="window.location.reload()" style="cursor: pointer;">[ 새로 고침 ]</a>
[실제로 적용한 모습]
[ 새로 고침 ]
페이지 새로 고침 <A> 링크 오른쪽 위치
<span style="float:right;">
<a onClick="window.location.reload()" style="cursor: pointer;">[ 새로 고침 ]</a>
</span>
<a onClick="window.location.reload()" style="cursor: pointer;">[ 새로 고침 ]</a>
</span>
페이지 새로 고침 <A> 링크 가운데 위치
<center>
<a onClick="window.location.reload()" style="cursor: pointer;">[ 새로 고침 ]</a>
</center>
<a onClick="window.location.reload()" style="cursor: pointer;">[ 새로 고침 ]</a>
</center>
페이지 새로 고침 <A> 링크 아이콘 버튼
<a onClick="window.location.reload()" style="cursor: pointer;">
<img src="http:~~이미지.주소" />
</a>
<img src="http:~~이미지.주소" />
</a>
[실제로 적용한 모습]
페이지 새로 고침 <Button> 태그
<button onClick="window.location.reload()">새로 고침</button>
[실제로 적용한 모습]
>> HTML 태그 사용법 목록: DIV P SPAN IMG A HR FONT BR ...
도움이 되기를 바랍니다.