σπίτι / Internet / Ανάπτυξη Web / Πώς να εισαγάγετε τον κώδικα στο κουμπί

Πώς να εισάγετε τον κωδικό πλήκτρο

/
44 Προβολές

Πώς να εισάγετε τον κωδικό πλήκτρο</a>

Τα κουμπιά στις ιστοσελίδες χρησιμοποιούνται για την οργάνωση διαδραστικής αλληλεπίδρασης με τον χρήστη.

Συνήθως, εάν η απάντηση σε ένα κουμπί δεν απαιτεί την αποστολή δεδομένων στο διακομιστή, η αλληλεπίδραση υλοποιείται χρησιμοποιώντας δέσμες ενεργειών JavaScript.

Οι τρόποι για να καλέσετε τον κατάλληλο κώδικα JavaScript μπορεί να διαφέρουν - περιγράφονται παρακάτω πολλές πιθανές επιλογές για κουμπιά διαφορετικών τύπων.

εντολή

    1

Εάν το κουμπί εμφανίζεται σε μια ιστοσελίδαοργανωμένη με την ετικέτα κουμπιού, τότε ο κώδικας JavaScript μπορεί να τοποθετηθεί στο χαρακτηριστικό onclick. Για παράδειγμα, αυτή είναι η περίπτωση: & lt; button onclick = "alert ('Button pressed!') - & gt; button & lt; / button & gt; τοποθετήστε μόνο τον κωδικό κλήσης για αυτήν τη λειτουργία. Για παράδειγμα: & lt; script & gt;
λειτουργία showAlert () {
alert ('Το κουμπί είναι πατημένο!')
}
& lt; / script & gt; & lt; / button & onclick = "showAlert ()" & gt; button & lt; / button & gt;

    2

Εάν το κουμπί εμφανίζεται από ένα από ταπαραλλαγές της ετικέτας εισόδου (υποβολή, επαναφορά, κουμπί ή εικόνα), μπορείτε να χρησιμοποιήσετε το ίδιο χαρακτηριστικό onclick. Για παράδειγμα, για τους τομείς της εκκαθάρισης μορφή κουμπιού (reset), ο κώδικας μπορεί να μοιάζει κάπως έτσι: & τύπου lt εισόδου = »ΕΠΑΝΑΦΟΡΑ» onclick = »showAlert ()» / & gt-Εάν θέλετε μόνο το JavaScript αλφάβητο πατώντας το κουμπί ενέργειας, και της έχουν ανατεθεί από προεπιλογή, η ενέργεια δεν συνέβη, τότε θα πρέπει να προστεθεί η εντολή επιστροφής ψευδωνύμου στη συνάρτηση ή απευθείας στο χαρακτηριστικό onclick. Για παράδειγμα: & lt; input type = "RESET" onclick = "showAlert () - RETURN FALSE" / & gt;

    3

Αν θέλετε να οργανώσετε μια απάντηση σε ένα κουμπί πατήστεπληκτρολογήστε, στη συνέχεια, εκτός από την παραπάνω μέθοδο χρησιμοποιώντας το χαρακτηριστικό onclick, μπορείτε να χρησιμοποιήσετε τις ιδιότητες της ετικέτας φόρμας στην οποία ανήκει αυτό το κουμπί. Η αντίστοιχη κλήση λειτουργίας μπορεί να τοποθετηθεί στο χαρακτηριστικό onsubmit της ετικέτας φόρμας. Για παράδειγμα: & lt; form action = »» onsubmit = "showAlert () - RETURN FALSE" & gt;
& lt; input type = "submit" / & gt;
& ΕΤ / μορφή & GT-

    4

Αν το κουμπί δεν είναι στοιχείο της φόρμας, αλλά το σύνολομόνο ένα γραφικό στοιχείο (ετικέτα img), τότε γι 'αυτόν τα πρότυπα επιτρέπουν τη χρήση του χαρακτηριστικού onclick. Για παράδειγμα: & lt; img src = "btn.gif" onclick = "showAlert () -" / & gt;

    5

Εάν το κουμπί είναι μια υπερ-σύνδεση, τότεχρησιμοποιήστε τα χαρακτηριστικά του ίδιου του κουμπιού δεν αξίζει τον κόπο, είναι καλύτερα να χρησιμοποιήσετε τις ιδιότητες της ετικέτας συνδέσμου. Μπορείτε, όπως και στις προηγούμενες εκδόσεις, να χρησιμοποιήσετε την ετικέτα onclick. Για παράδειγμα: & lt-a href = »http://learn-myself.com» onclick = »showAlert () - return false -«& GT-& lt-img src =»btn.gif» / & GT-& ΕΤ / a & gt-Α μπορεί να αντικατασταθεί από την κλήση της διεύθυνσης λειτουργίας στο χαρακτηριστικό href. Για παράδειγμα, γιατί: & lt-a href = »javascript: showAlert () -«& GT-& lt-img src =»btn.gif» / & GT-& ΕΤ / a & GT-

Πώς να εισάγετε τον κωδικό πλήκτρο Είναι αυτή τροποποιήθηκε τελευταία φορά: 20, Ιουνίου του 2017 με nolseowb
Είναι κύριο εσωτερικό δοχείο κείμενο υποσέλιδου