Os botões são inevitavelmente usados na produção de páginas da web. Este artigo lista alguns códigos de botão comumente usados.
Ver código-fonte
A seguir está um trecho citado:
<input TYPE="button" NAME="view" VALUE="Ver código-fonte" OnClick="window.location='view-source:' +window.location.href" >
Retorne à etapa anterior
A seguir está um fragmento de citação:
<input TYPE="button" VALUE="Voltar à etapa anterior" ONCLICK="history.back(-1)">
Botão Atualizar -
A seguir está um trecho de citação:
<input TYPE="button" VALUE="Atualizar botão um" ONCLICK="ReloadButton()">
<linguagem script="JavaScript">
<!--
função ReloadButton(){location.href="3.html";}
// -->
</script>
Botão Atualizar dois
A seguir está um trecho de citação:
<p>
<input TYPE="button" VALUE="Atualizar botão dois" onClick="history.go(0)">
Botão Voltar à página inicial
A seguir está uma citação:
<input TYPE="button" VALUE="Botão Home" ONCLICK="HomeButton()">
<linguagem script="JavaScript">
<!--
função HomeButton(){location.href=http://www.aaa.com;}
// -->
</script>
Uma caixa de aviso é exibida.
A seguir está uma citação:
<input TYPE="button" VALUE="Caixa de aviso pop-up" ONCLICK="AlertButton()">
<linguagem script="JavaScript">
<!--
function AlertButton(){window.alert("Você bebeu hoje? :)");}
// -->
</script>
As informações da barra de status
são citadas abaixo:
<p>
<input TYPE="button" VALUE="Informações da barra de status" ONCLICK="StatusButton()">
<linguagem script="JavaScript">
<!--
function StatusButton(){window.status="Como você está?:)";}
// -->
</script>
Transformação da cor de fundo
A seguir está um trecho citado:
<input TYPE="button" VALUE="Mudança de cor de fundo" onClick="BgButton()">
<linguagem script="JavaScript">
<!--
função BgButton(){
se (document.bgColor=='#3399ff')
{document.bgColor='#00ccff';}
senão{document.bgColor='#3399ff';}
}
// -->
</script>
Abra uma nova janela
A seguir está uma citação:
<input TYPE="button" VALUE="Abrir nova janela" ONCLICK="NewWindow()">
<linguagem script="JavaScript">
<!--
função NewWindow(){window.open( http://www.aaa.com,"","height=600,width=800,left=10,top=10,status=no,location=no,toolbar=no , diretórios=não,menubar=não");}
// -->
</script>