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

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

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

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>

 

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