במקרה שהמשתמש שוכח לציין זאת בזמן יצירת iframe אז ניתן להוסיף אותו באופן דינמי לאחר היצירה באמצעות JavaScript.
מדריך זה מסביר את ההליך המלא להעברת פרמטרי URL ל-iframe ב-JavaScript.
מהו התהליך להעברת פרמטרים של כתובת אתר ל-iframe ב-JavaScript?
כדי להעביר פרמטרים של כתובת אתר ל-'Iframe', עקוב אחר ההוראות המפורטות.
שלב 1: צור HTML Iframe Element Code HTML
ראשית, צור אלמנט 'iframe' בקוד ה-HTML בעזרת ה-' 'תג:
< מזהה iframe = 'myIframe' גבול המסגרת = '1' > iframe >
כאן לרכיב ה-HTML שנוצר יש מזהה 'myIframe' והוא מעוצב באמצעות המאפיין 'frameborder' עם הערך '1'.
שלב 2: העבר את פרמטר כתובת האתר ל-Iframe שנוצר
לאחר מכן, עקוב אחר קוד ה-JavaScript המצוין להלן כדי להעביר/להוסיף פרמטר של כתובת אתר לרכיב ה-iframe שנוצר:
< תַסרִיט >תן Iframe = מסמך. getElementById ( 'myIframe' ) ;
לתת כתובת אתר = 'onkeyup.html' ;
לתת רוחב = '300' ;
לתת גובה = '500' ;
תן גיאוגרפי = 'בְּרִיטַנִיָה' ;
תן passURL = כתובת אתר + '?geo=' + גיאוגרפי + '&גודל=' + רוֹחַב + 'איקס' + גוֹבַה ;
Iframe. src = adsURL ;
לְנַחֵם. עֵץ ( passURL ) ;
תַסרִיט >
בשורות הקוד לעיל:
- המשתנה הראשון 'Iframe' מחיל את ' document.getElementById() ' שיטה לגשת לרכיב 'iframe' שנוצר באמצעות המזהה שלו 'myIframe'.
- השני ' כתובת אתר משתנה ” מציין את הנתיב של המסמך הרצוי שהמשתמש רוצה להטביע במסמך HTML הנוכחי באמצעות iframe.
- לאחר מכן, ה' רוֹחַב משתנה ' מגדיר את הרוחב של רכיב ה-iframe שנוצר ואת ה-' גוֹבַה ' המשתנה מציין את הגובה שלו.
- לאחר מכן, המשתנה 'גיאוגרפי' מגדיר את הדומיין של כתובת ה-URL, כלומר 'uk(דומיין ברמה העליונה של קוד מדינה באינטרנט (ccTLD))'.
- עכשיו ה ' passURL ' המשתנה משרשר את הערכים של משתנה ה-URL, גיאוגרפי, רוחב וגובה כדי לבנות כתובת URL.
- לאחר מכן, העבירו את כתובת האתר שנבנתה לרכיב iframe שנוצר.
- לבסוף, ה' console.log() ' השיטה מציגה את כתובת האתר שנבנתה.
שלב 3: אמת את הפלט
ניתן לראות שכתובת ה-URL שנבנתה של מסמך HTML עברה בהצלחה לאלמנט iframe שנוצר.
סיכום
ב-JavaScript, כדי להעביר פרמטרים של כתובת אתר לרכיב iframe, המשתמש צריך תחילה 'ליצור רכיב iframe לדוגמה', ולאחר מכן 'לבנות כתובת URL' על ידי ציון ה'נתיב', 'רוחב', 'גובה' ו'דומיין' שלו. תכונות. כאשר כתובת ה-URL נבנית, העבירו אותה לאלמנט iframe HTML שנוצר. מדריך זה הסביר באופן מעשי את ההליך המלא להעברת פרמטרי URL ל-iframe ב-JavaScript.