관리 메뉴

키스세븐

간단히 써 먹을 수 있는 버튼 소스 4가지 본문

IT와 생활/홈피와 블로그

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

키스세븐지식 2014. 11. 26. 08:51
공유하기 링크
필요하면 공유하세요 ^^
이 블로그를 북마크 하세요! 좋은 정보가 계속 이어집니다.

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

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

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>

 

★ 이 정보가 도움이 된다면 아래의 공감을 부탁드립니다! ^^

키스세븐지식은 키스세븐과 그룹 사이트입니다.

아래로 더 내려 가 보세요!

혹시 읽을만한 것이 또 있을지도 모르잖아요? ^^

이 블로그를 북마크 하세요! 좋은 정보가 계속 이어집니다.
http://kiss7.tistory.com

공유하기 링크
필요하면 공유하세요 ^^
Comments