1
00:00:00,000 --> 00:00:00,310

2
00:00:00,310 --> 00:00:03,130
>> DAVID J. MALAN: Ας εφαρμόσει μια web
Η σελίδα που λέει γεια σε ένα χρήστη, μαζί

3
00:00:03,130 --> 00:00:06,830
ο τρόπος που αποδεικνύουν την DOM, η
Document Object Model, ή το δέντρο

4
00:00:06,830 --> 00:00:10,220
δομή που είναι πραγματικά κάτω από την
κουκούλα όταν καθιστούν μια ιστοσελίδα.

5
00:00:10,220 --> 00:00:11,440
>> Ας ρίξουμε μια ματιά.

6
00:00:11,440 --> 00:00:15,950
Εδώ, στο σύμπαν-0.html, παρατηρούμε ότι στο εσωτερικό
από το σώμα των σελίδων, έχω ένα

7
00:00:15,950 --> 00:00:19,860
μορφή ετικέτας, το μοναδικό αναγνωριστικό για την
η οποία είναι, παραθέτω χωρίς εισαγωγικά, "demo".

8
00:00:19,860 --> 00:00:23,670
Εν τω μεταξύ, έχω επίσης ένα onsubmit
αποδίδουν, αλλιώς γνωστή ως μια εκδήλωση

9
00:00:23,670 --> 00:00:28,150
χειριστή, onsubmit, το οποίο ορίζει ότι
όταν υποβάλλεται αυτή τη μορφή, ένα

10
00:00:28,150 --> 00:00:30,800
λειτουργία που είναι προφανώς ονομάζεται
χαιρετήσει θα πρέπει να εκτελεστεί.

11
00:00:30,800 --> 00:00:32,960
Και στη συνέχεια ψευδή πρέπει να επιστραφεί.

12
00:00:32,960 --> 00:00:33,830
>> Γιατί λάθος;

13
00:00:33,830 --> 00:00:36,850
Λοιπόν, δεν θέλω πραγματικά να υποβάλουν
αυτή η μορφή σε έναν απομακρυσμένο διακομιστή Web

14
00:00:36,850 --> 00:00:37,810
με τον παραδοσιακό τρόπο.

15
00:00:37,810 --> 00:00:40,850
Θέλω να παρακάμψουν αυτή τη μορφή
υποβολή και να κάνουμε κάτι με αυτό

16
00:00:40,850 --> 00:00:42,690
client-side με τη χρήση JavaScript.

17
00:00:42,690 --> 00:00:44,010
Πράγματι, παρατηρούμε εδώ.

18
00:00:44,010 --> 00:00:47,290
Στο κεφάλι της ιστοσελίδας μου, έχω ένα
script tag, στο εσωτερικό των οποίων είναι η

19
00:00:47,290 --> 00:00:49,420
απαρχές αυτής της λειτουργίας
ονομάζεται χαιρετήσει.

20
00:00:49,420 --> 00:00:51,040
>> Τι μπορώ να κάνω πραγματικά θέλουν να κάνουν;

21
00:00:51,040 --> 00:00:54,530
Λοιπόν, στο εσωτερικό του χαιρετισμού, ας απλά
καλέσετε τη λειτουργία ειδοποίησης.

22
00:00:54,530 --> 00:00:57,770
Και στη συνέχεια να εκτυπώσετε κάτι
όπως γειά σου, με ένα διάστημα.

23
00:00:57,770 --> 00:01:01,460
Και στη συνέχεια ενώσετε επάνω στο τέλος
του ότι το αποτέλεσμα της κλήσης

24
00:01:01,460 --> 00:01:08,370
document.getElementById, διευκρινίζοντας
Συγκεκριμένα το μοναδικό αναγνωριστικό,

25
00:01:08,370 --> 00:01:10,070
quote unquote, "όνομα".

26
00:01:10,070 --> 00:01:13,670
>> Και συγκεκριμένα, τη στιγμή που έχουμε πάρει
το στοιχείο αυτό, ο κόμβος στο δέντρο

27
00:01:13,670 --> 00:01:17,640
που αντιπροσωπεύει αυτή την ιστοσελίδα, ας
συγκεκριμένα να είναι αξία

28
00:01:17,640 --> 00:01:19,320
προσδιορίζουν. αξία.

29
00:01:19,320 --> 00:01:22,060
Και τότε, μόνο για διασκέδαση, ας
ενώσετε σχετικά με το τέλος της εν λόγω ένας

30
00:01:22,060 --> 00:01:23,730
θαυμαστικό.

31
00:01:23,730 --> 00:01:28,460
>> Ας τώρα να αποθηκεύσετε αυτό το αρχείο, ανοίξτε το
σε ένα πρόγραμμα περιήγησης, και να δούμε ένα γεια.

32
00:01:28,460 --> 00:01:33,600
http://localhost/dom-0.html.

33
00:01:33,600 --> 00:01:34,670
>> Υπάρχει αυτή η μορφή.

34
00:01:34,670 --> 00:01:36,530
Ας πάμε μπροστά και να πληκτρολογήσετε το όνομά μου.

35
00:01:36,530 --> 00:01:38,530
Ακολουθούμενη κάνοντας κλικ στην επιλογή Υποβολή.

36
00:01:38,530 --> 00:01:39,910
Και εκεί βλέπουμε γεια, David!

37
00:01:39,910 --> 00:01:42,410

38
00:01:42,410 --> 00:01:43,660
Αυτός είμαι εγώ.

39
00:01:43,660 --> 00:01:44,363