casa / Internet / sviluppo Web / Come inserire il codice per il pulsante

Come inserire il codice del pulsante

/
40 Visualizzazioni

Come inserire il codice del pulsante</a>

Pulsante nelle pagine web utilizzate per organizzare la comunicazione interattiva con l'utente.

Come regola generale, se la risposta alla pressione di un pulsante non richiede l'invio dei dati al server, l'interattività è implementata utilizzando JavaScript-scenari.

Metodi invocano il corrispondente JavaScript-codice può variare - di seguito vengono descritte alcune possibili forme realizzative per i diversi tipi di pulsanti.

istruzione

    1

Se il pulsante di visualizzazione della pagina weborganizzato da un tag pulsante, il codice JavaScript può essere posizionato in l'attributo onclick. Ad esempio, come: & lt-button onclick = »alert ( '! Si preme il pulsante') -« & gt-tasto & / pulsante lt- & gt-corso, collocato direttamente nel tag tasto è grande codice abbastanza non è appropriato - è meglio per la progettazione come una funzione, e l'attributo onclick solo mettere il codice di chiamare questa funzione. Per esempio: & lt-script & GT
Funzione showAlert () {
alert ( 'viene premuto il tasto!')
}
& LT- / script e GT & lt-pulsante onclick = »showAlert ()» & gt-button & lt- / pulsante & GT

    2

Se il pulsante viene visualizzato da uno deiopzioni di tag di ingresso (presentare, reset, pulsante o immagine), è possibile utilizzare lo stesso attributo onclick. Ad esempio, per i campi di compensazione sotto forma pulsante (reset), il codice potrebbe essere simile a questo: & tipo LT-input = »RESET» onclick = »showAlert ()» / & gt-Se si desidera solo per JavaScript-script premendo il pulsante di azione, e la sua assegnato l'azione predefinita non si verifica, allora la funzione o direttamente nel onclick deve aggiungere restituire false comando. Ad esempio: & lt tipo-input = »RESET» onclick = »showAlert () - restituirà FALSE» / & GT

    3

Se è necessario organizzare una risposta alla pressione di un pulsantetipo di invio, quindi oltre al metodo di cui sopra utilizzando l'onclick attributo proprietà possono essere utilizzate tag forma, per cui questo pulsante. La chiamata di funzione corrispondente può essere collocato nel tag attributo form onsubmit. Ad esempio: & lt-form action = »» onsubmit = »showAlert () - FALSO RETURN» & GT
& Tipo LT-input = »Invia» / & GT-
& LT- / form & GT-

    4

Se il pulsante non è parte del modulo, e tuttiun elemento grafico (tag img), e poi per gli standard gli consentono l'attributo onclick uso. Ad esempio: & src lt-img = »btn.gif» onclick = »showAlert () -» / & GT

    5

Se il pulsante è un collegamento ipertestuale, ilutilizzare gli attributi del pulsante stesso non è necessaria, è meglio sfruttare le proprietà dei riferimenti dei tag. È possibile, come nelle forme di realizzazione precedenti, utilizzare tag onclick. Ad esempio: & lt-a href = »http://learn-myself.com» onclick = »showAlert () - FALSO RETURN -«e GT & src lt-img =»btn.gif» / & GT & lt- / a & gt-A può essere sostituito con una chiamata di funzione per l'indirizzo href. Ad esempio, poiché: & lt-a href = »javascript: showAlert () -«e GT & lt-img src =»btn.gif» / & GT & lt- / a & GT

Come inserire il codice del pulsante E 'stato modificato l'ultima volta: 20 giu 2017 da fyyxoahr
E 'principale piè di pagina contenitore interno