I pulsanti nelle pagine Web vengono utilizzati per fornire un'esperienza utente interattiva. Di norma, se la risposta al clic di un pulsante non richiede l'invio di dati al server, l'interazione viene implementata utilizzando script JavaScript. I metodi per richiamare il codice JavaScript corrispondente possono variare: di seguito sono riportate diverse opzioni possibili per pulsanti di tipo diverso.
Istruzioni
Passo 1
Se la visualizzazione di un pulsante in una pagina Web è organizzata utilizzando il tag del pulsante, il codice JavaScript può essere inserito nell'attributo onclick. Ad esempio, in questo modo: button Ovviamente, non è consigliabile inserire un codice sufficientemente grande direttamente nel tag del pulsante: è meglio progettarlo come una funzione e inserire solo il codice per chiamare questa funzione nell'attributo onclick. Per esempio:
funzione showAlert() {
alert ("Pulsante premuto!")
}
pulsante
Passo 2
Se il pulsante viene visualizzato tramite una delle varianti del tag di input (invia, reimposta, pulsante o immagine), è possibile utilizzare lo stesso attributo onclick. Ad esempio, per un pulsante per cancellare i campi del modulo (reimposta), il codice potrebbe essere simile al seguente: Se si desidera che venga eseguito solo JavaScript quando si fa clic sul pulsante e l'azione predefinita non si verifica, aggiungere il comando di ritorno al funzione o direttamente all'attributo onclick false. Per esempio:
Passaggio 3
Se è necessario organizzare una risposta al clic su un pulsante del tipo di invio, allora, oltre al metodo precedente utilizzando l'attributo onclick, è possibile utilizzare le proprietà del tag del modulo a cui appartiene questo pulsante. La chiamata di funzione corrispondente può essere inserita nell'attributo onsubmit del tag form. Per esempio:
Passaggio 4
Se il pulsante non è un elemento del modulo, ma solo un elemento grafico (tag img), gli standard per esso consentono anche l'uso dell'attributo onclick. Per esempio:
Passaggio 5
Se il pulsante è un collegamento ipertestuale, non dovresti utilizzare gli attributi del pulsante stesso; è meglio utilizzare le proprietà del tag di collegamento. Puoi, come nelle opzioni precedenti, utilizzare il tag onclick. Ad esempio: E puoi sostituire l'indirizzo nell'attributo href con una chiamata di funzione. Ad esempio, in questo modo:
