Σε περίπτωση που ο χρήστης ξεχάσει να το καθορίσει τη στιγμή της δημιουργίας του iframe, τότε μπορεί να προστεθεί δυναμικά μετά τη δημιουργία χρησιμοποιώντας JavaScript.
Αυτός ο οδηγός εξηγεί την πλήρη διαδικασία μεταβίβασης παραμέτρων URL σε ένα iframe σε JavaScript.
Τι είναι η διαδικασία μεταβίβασης παραμέτρων διεύθυνσης URL σε ένα iframe σε JavaScript;
Για να μεταβιβάσετε παραμέτρους URL σε ένα 'Iframe' ακολουθήστε τις οδηγίες βήμα προς βήμα που παρέχονται.
Βήμα 1: Δημιουργήστε κώδικα HTML στοιχείου HTML Iframe
Αρχικά, δημιουργήστε ένα στοιχείο 'iframe' στον κώδικα HTML με τη βοήθεια του ' Ετικέτα ':
< iframe id = 'myIframe' πλαίσιο πλαισίου = '1' iframe >
Εδώ το στοιχείο HTML που δημιουργήθηκε έχει αναγνωριστικό 'myIframe' και έχει στυλ χρησιμοποιώντας την ιδιότητα 'frameborder' με τιμή '1'.
Βήμα 2: Περάστε την παράμετρο URL στο Created Iframe
Στη συνέχεια, ακολουθήστε τον παρακάτω κώδικα JavaScript για να μεταβιβάσετε/προσθέσετε μια παράμετρο URL στο δημιουργημένο στοιχείο iframe:
< γραφή >αφήστε το Iframe = έγγραφο. getElementById ( 'myIframe' ) ;
αφήνω URL = 'onkeyup.html' ;
αφήστε το πλάτος = '300' ;
αφήστε το ύψος = '500' ;
ας geo = 'Ηνωμένο Βασίλειο' ;
αφήστε το passURL = URL + '?geo=' + geo + '&μέγεθος=' + πλάτος + 'Χ' + ύψος ;
Iframe. src = adsURL ;
κονσόλα. κούτσουρο ( passURL ) ;
γραφή >
Στις παραπάνω γραμμές κώδικα:
- Η πρώτη μεταβλητή 'Iframe' εφαρμόζει το ' document.getElementById() ' μέθοδος πρόσβασης στο δημιουργημένο στοιχείο 'iframe' χρησιμοποιώντας το αναγνωριστικό του 'myIframe'.
- Το δεύτερο ' URL Η μεταβλητή ” καθορίζει τη διαδρομή του επιθυμητού εγγράφου που θέλει να ενσωματώσει ο χρήστης στο τρέχον έγγραφο HTML μέσω ενός iframe.
- Στη συνέχεια, το « πλάτος Η μεταβλητή ' ορίζει το πλάτος του δημιουργημένου στοιχείου iframe και το ' ύψος Η μεταβλητή προσδιορίζει το ύψος της.
- Μετά από αυτό, η μεταβλητή 'geo' ορίζει τον τομέα της διεύθυνσης URL, π.χ. 'uk (Κωδικός χώρας διαδικτύου ανώτατου επιπέδου τομέας (ccTLD))'.
- Τώρα το ' passURL Η μεταβλητή συνενώνει τις τιμές της μεταβλητής URL, geo, πλάτος και ύψος για τη δημιουργία μιας διεύθυνσης URL.
- Στη συνέχεια, περάστε το κατασκευασμένο URL στο στοιχείο iframe που δημιουργήθηκε.
- Τέλος, το « console.log() Η μέθοδος ' εμφανίζει το κατασκευασμένο URL.
Βήμα 3: Επαληθεύστε την έξοδο
Μπορεί να παρατηρηθεί ότι η κατασκευασμένη διεύθυνση URL ενός εγγράφου HTML έχει περάσει με επιτυχία στο στοιχείο iframe που δημιουργήθηκε.
συμπέρασμα
Στο JavaScript, για να μεταβιβάσει τις παραμέτρους URL σε ένα στοιχείο iframe, ο χρήστης πρέπει πρώτα να 'δημιουργήσει ένα δείγμα στοιχείου iframe' και στη συνέχεια να 'κατασκευάσει μια διεύθυνση URL' καθορίζοντας τη 'διαδρομή', το 'πλάτος', 'ύψος' και τον 'τομέα' του γνωρίσματα. Όταν δημιουργηθεί η διεύθυνση URL, περάστε την στο δημιουργημένο στοιχείο iframe HTML. Αυτός ο οδηγός εξήγησε πρακτικά την πλήρη διαδικασία μεταβίβασης παραμέτρων URL σε ένα iframe σε JavaScript.