웹 페이지 제작에 사용되는 9개의 특수 효과 버튼에 대한 코드

버튼은 웹페이지 제작에 필연적으로 사용됩니다. 이 글에서는 일반적으로 사용되는 버튼 코드를 나열합니다.

소스 코드 보기

다음은 인용문입니다:
<input TYPE="button" NAME="view" VALUE="소스 코드 보기" OnClick="window.location='view-source:' +window.location.href" >

이전 단계로 돌아가기

다음은 인용문입니다:
<input TYPE="button" VALUE="이전 단계로 돌아가기" ONCLICK="history.back(-1)">

새로 고침 버튼 1

다음은 인용문입니다:
<input TYPE="button" VALUE="새로고침 버튼 1" ONCLICK="ReloadButton()">
<스크립트 언어="자바스크립트">
<!--
함수 ReloadButton(){location.href="3.html";}
// -->
</script>

새로 고침 버튼 2

다음은 인용문입니다:
<p>
<input TYPE="button" VALUE="새로고침 버튼 2" onClick="history.go(0)">

홈 페이지로 돌아가기 버튼

다음은 인용문입니다:
<input TYPE="버튼" VALUE="홈 버튼" ONCLICK="홈 버튼()">
<스크립트 언어="자바스크립트">
<!--
함수 HomeButton(){location.href=http://www.aaa.com;}
// -->
</script>

팝업 경고 상자

다음은 인용문입니다:
<input TYPE="버튼" VALUE="팝업 경고 상자" ONCLICK="AlertButton()">
<스크립트 언어="자바스크립트">
<!--
function AlertButton(){window.alert("오늘 술 드셨나요? :)");}
// -->
</script>

상태 표시줄 정보

다음은 인용문입니다:
<p>
<input TYPE="버튼" VALUE="상태 표시줄 정보" ONCLICK="StatusButton()">
<스크립트 언어="자바스크립트">
<!--
function StatusButton(){window.status="잘 지내세요?:)";}
// -->
</script>

배경색 변경

다음은 인용문입니다:
<input TYPE="버튼" VALUE="배경색 변경" onClick="BgButton()">
<스크립트 언어="자바스크립트">
<!--
함수 BgButton(){
if (document.bgColor=='#3399ff')
{document.bgColor='#00ccff';}
else{document.bgColor='#3399ff';}
}
// -->
</script>

새 창 열기

다음은 인용문입니다:
<input TYPE="버튼" VALUE="새 창 열기" ONCLICK="NewWindow()">
<스크립트 언어="자바스크립트">
<!--
function NewWindow(){window.open(http://www.aaa.com,"","height=600,width=800,left=10,top=10,status=no,location=no,toolbar=no , 디렉토리=아니요, 메뉴바=아니요");}
// -->
</script>