Αυτό το ιστολόγιο θα συζητήσει τις λειτουργίες της έκφρασης href ' '.
Τι κάνει η href Expression ' ';
Το χαρακτηριστικό href σε ένα HTML ' Η ετικέτα προσδιορίζει συνήθως τη διεύθυνση URL ή την ιστοσελίδα στην οποία κατευθύνεται ο σύνδεσμος.
Σε περίπτωση που ' ', το χαρακτηριστικό href έχει οριστεί σε ' javascript:; ' που είναι μια τιμή κράτησης θέσης που δεν κάνει τίποτα όταν γίνεται κλικ. Αυτό χρησιμοποιείται συχνά όταν ο σύνδεσμος χρησιμοποιείται για μια λειτουργία ή συμβάν JavaScript και δεν χρειάζεται να ανακατευθύνει τον χρήστη σε μια νέα σελίδα.
Ο ' javascript:; ” είναι το πιο εντυπωσιακό χαρακτηριστικό της JavaScript για την ενσωμάτωσή της με HTML και CSS. Βοηθά να καλέσετε τις συναρτήσεις JavaScript σε μια ετικέτα HTML href ή anchor.
Παράδειγμα
Στο συγκεκριμένο παράδειγμα, εμφανίστε την εικόνα στην τρέχουσα σελίδα κάνοντας κλικ στον σύνδεσμο χρησιμοποιώντας ' javascript:; ” στο χαρακτηριστικό href που θα εμποδίσει το πρόγραμμα περιήγησης να φύγει από την τρέχουσα σελίδα:
< div id = 'Η εικόνα μου' div >
< ένα href = 'javascript: img = document.createElement('img');
img.src = 'sun.jpg';
src = document.getElementById('myImg');
src.appendChild(img);' > Εμφάνιση εικόνας ένα >
Στον παραπάνω κώδικα:
- Πρώτα, δημιουργήστε ένα στοιχείο div στο αρχείο HTML και εκχωρήστε ένα αναγνωριστικό ' myImg '.
- Ορίστε το χαρακτηριστικό href σε ' javascript:; ' και δημιουργήστε ένα ' img ' στοιχείο που χρησιμοποιεί το ' createElement() 'μέθοδος.
- Ο ' src Το χαρακτηριστικό ' θα υποδεικνύει τη διαδρομή της εικόνας.
- Λάβετε την αναφορά του στοιχείου εικόνας στο αρχείο HTML για να εμφανίσετε την εικόνα χρησιμοποιώντας το ' getElementById() 'μέθοδος.
- Προσθέστε την εικόνα ως θυγατρικό στοιχείο χρησιμοποιώντας το ' appendchild() 'μέθοδος.
Η έξοδος δείχνει ότι η εικόνα θα εμφανιστεί στην ίδια σελίδα κάνοντας κλικ στον σύνδεσμο:
Μπορείτε επίσης να αποκτήσετε πρόσβαση στη συνάρτηση στην ετικέτα href με ' javascript:; ” σύμβολο κράτησης θέσης:
< div id = 'Η εικόνα μου' div >< ένα href = 'javascript:myFunction();' > Κάντε κλικ στο Me ένα >
Ορίστε μια συνάρτηση ' myFunction() ” στην ετικέτα