간단히 써 먹을 수 있는 버튼 소스 4가지 > 홈피와 블로그

본문 바로가기
  |     |     |     |   4  |  
오늘의 추천항해 | "오늘의 항해 가이드" 코너입니다.


읽|을|거|리

설문조사

키스세븐을 어떻게 알고 방문하셨나요?

방문자 통계

오늘
41
어제
79
최대
339
전체
126,553

 

코딩 | 간단히 써 먹을 수 있는 버튼 소스 4가지

페이지 정보

작성일14-09-17 10:25 조회798회 댓글0건

본문

뒤로가기, 앞으로가기, 새로고침, 소스보기를 할 수 있는 스크립트 소스들 입니다. 

정적 홈페이지를 만들 때 자주 사용하게 되는 소스들입니다. 

form태그를 이용한 스크립트를 삽입하여 작동을 시킵니다. 버튼을 누르는 방식입니다. 

물론 버튼 디자인은 CSS를 이용하여 바꿀 수 있습니다.

 

 

 

 

1. 새로고침 버튼

 

onClick="history.go(0)" 부분이 핵심입니다. 

<form><input type="button" value="Reload" onClick="history.go(0)"></form> 

 

 

 

2. 뒤로가기 버튼

 

onClick="history.go(-1)" 부분이 핵심입니다.

<form><input type="button" value="Back" onClick="history.go(-1)"></form> 

 

 

3. 앞으로가기 버튼

 

onClick="history.go(1)" 부분이 핵심입니다.

<form><input type="button" value="Forward" onClick="history.go(1)"></form> 

 

 

4. 소스보기 버튼

 

onClick='window.location="view-source:"+window.location.href' 부분이 핵심입니다. 

wondow라는 명령을 참고합시다.​

<form><input type="button" value="Source" onClick='window.location="view-source:"+window.location.href'></form>

 

 

 

 

[ ?...! ] 저작권법 공지 : 공유, 퍼가기 가능. 단, www.kiss7.kr 주소를 반드시 표시해야 합니다.
추천 0
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

게시물 검색

 


키스세븐 - www.kiss7.krCopyright © 키스세븐 | www.kiss7.kr. All rights reserved.
키스세븐 - www.kiss7.kr  상단으로
키스세븐 - www.kiss7.kr

사이트소개 개인정보취급방침 이용자 등록 이용약관 제휴/광고 문의 이용 안내 공지사항

키스세븐은 개인정보 보호정책 및 저작권 보호정책을 준수합니다.
키스세븐은 정보공유와 소통을 목적을 하는 커뮤니티 사이트입니다.

모바일 버전으로 보기