>> DAVID J. MALAN: Ας εφαρμόσει μια web Η σελίδα που λέει γεια σε ένα χρήστη, μαζί
ο τρόπος που αποδεικνύουν την DOM, η Document Object Model, ή το δέντρο
δομή που είναι πραγματικά κάτω από την κουκούλα όταν καθιστούν μια ιστοσελίδα.
>> Ας ρίξουμε μια ματιά.
Εδώ, στο σύμπαν-0.html, παρατηρούμε ότι στο εσωτερικό από το σώμα των σελίδων, έχω ένα
μορφή ετικέτας, το μοναδικό αναγνωριστικό για την η οποία είναι, παραθέτω χωρίς εισαγωγικά, "demo".
Εν τω μεταξύ, έχω επίσης ένα onsubmit αποδίδουν, αλλιώς γνωστή ως μια εκδήλωση
χειριστή, onsubmit, το οποίο ορίζει ότι όταν υποβάλλεται αυτή τη μορφή, ένα
λειτουργία που είναι προφανώς ονομάζεται χαιρετήσει θα πρέπει να εκτελεστεί.
Και στη συνέχεια ψευδή πρέπει να επιστραφεί.
>> Γιατί λάθος;
Λοιπόν, δεν θέλω πραγματικά να υποβάλουν αυτή η μορφή σε έναν απομακρυσμένο διακομιστή Web
με τον παραδοσιακό τρόπο.
Θέλω να παρακάμψουν αυτή τη μορφή υποβολή και να κάνουμε κάτι με αυτό
client-side με τη χρήση JavaScript.
Πράγματι, παρατηρούμε εδώ.
Στο κεφάλι της ιστοσελίδας μου, έχω ένα script tag, στο εσωτερικό των οποίων είναι η
απαρχές αυτής της λειτουργίας ονομάζεται χαιρετήσει.
>> Τι μπορώ να κάνω πραγματικά θέλουν να κάνουν;
Λοιπόν, στο εσωτερικό του χαιρετισμού, ας απλά καλέσετε τη λειτουργία ειδοποίησης.
Και στη συνέχεια να εκτυπώσετε κάτι όπως γειά σου, με ένα διάστημα.
Και στη συνέχεια ενώσετε επάνω στο τέλος του ότι το αποτέλεσμα της κλήσης
document.getElementById, διευκρινίζοντας Συγκεκριμένα το μοναδικό αναγνωριστικό,
quote unquote, "όνομα".
>> Και συγκεκριμένα, τη στιγμή που έχουμε πάρει το στοιχείο αυτό, ο κόμβος στο δέντρο
που αντιπροσωπεύει αυτή την ιστοσελίδα, ας συγκεκριμένα να είναι αξία
προσδιορίζουν. αξία.
Και τότε, μόνο για διασκέδαση, ας ενώσετε σχετικά με το τέλος της εν λόγω ένας
θαυμαστικό.
>> Ας τώρα να αποθηκεύσετε αυτό το αρχείο, ανοίξτε το σε ένα πρόγραμμα περιήγησης, και να δούμε ένα γεια.
http://localhost/dom-0.html.
>> Υπάρχει αυτή η μορφή.
Ας πάμε μπροστά και να πληκτρολογήσετε το όνομά μου.
Ακολουθούμενη κάνοντας κλικ στην επιλογή Υποβολή.
Και εκεί βλέπουμε γεια, David!
Αυτός είμαι εγώ.