Os botões nas páginas da web são usados para fornecer uma experiência interativa ao usuário. Como regra, se a resposta a um clique de botão não exigir o envio de dados ao servidor, a interação é implementada usando scripts JavaScript. Os métodos para invocar o código JavaScript correspondente podem variar - abaixo estão várias opções possíveis para botões de diferentes tipos.
Instruções
Passo 1
Se a exibição de um botão em uma página da web for organizada usando a tag do botão, o código JavaScript pode ser colocado no atributo onclick. Por exemplo, assim: botão Claro, não é aconselhável colocar um código grande o suficiente diretamente na tag do botão - é melhor projetá-lo como uma função e colocar apenas o código para chamar essa função no atributo onclick. Por exemplo:
function showAlert () {
alerta ('Botão clicado!')
}
botão
Passo 2
Se o botão for exibido por meio de uma das variações de tag de entrada (enviar, redefinir, botão ou imagem), então o mesmo atributo onclick pode ser usado. Por exemplo, para um botão para limpar campos de formulário (redefinir), o código pode ter a seguinte aparência: Se você quiser que apenas o JavaScript seja executado quando o botão for clicado e a ação padrão não ocorrer, adicione o comando de retorno ao função ou diretamente para o atributo onclick false. Por exemplo:
etapa 3
Se você precisar organizar uma resposta ao clicar em um botão do tipo de envio, então, além do método acima usando o atributo onclick, você pode usar as propriedades da tag de formulário à qual esse botão pertence. A chamada de função correspondente pode ser colocada no atributo onsubmit da tag do formulário. Por exemplo:
Passo 4
Se o botão não for um elemento de formulário, mas apenas um elemento gráfico (tag img), os padrões para ele também permitem o uso do atributo onclick. Por exemplo:
Etapa 5
Se o botão for um hiperlink, você não deve usar os atributos do botão em si, é melhor usar as propriedades da tag do link. Você pode, como nas opções anteriores, usar a tag onclick. Por exemplo: E você pode substituir o endereço no atributo href por uma chamada de função. Por exemplo, assim:
