ఒకవేళ ఐఫ్రేమ్ సృష్టి సమయంలో వినియోగదారు దానిని పేర్కొనడం మరచిపోయినట్లయితే, జావాస్క్రిప్ట్ని ఉపయోగించి సృష్టించిన తర్వాత దానిని డైనమిక్గా జోడించవచ్చు.
ఈ గైడ్ జావాస్క్రిప్ట్లోని iframeకి URL పారామితులను పాస్ చేయడానికి పూర్తి విధానాన్ని వివరిస్తుంది.
జావాస్క్రిప్ట్లోని iframeకి URL పారామితులను పాస్ చేసే ప్రక్రియ ఏమిటి?
URL పారామితులను 'Iframe'కి పాస్ చేయడానికి అందించిన దశల వారీ సూచనలను అనుసరించండి.
దశ 1: HTML Iframe ఎలిమెంట్ HTML కోడ్ని సృష్టించండి
ముందుగా, HTML కోడ్లో “iframe” మూలకాన్ని “ సహాయంతో సృష్టించండి ”ట్యాగ్:
< iframe id = 'myIframe' ఫ్రేమ్బోర్డర్ = '1' > iframe >
ఇక్కడ సృష్టించబడిన HTML మూలకం ఐడి 'myIframe'ని కలిగి ఉంది మరియు '1' విలువతో 'ఫ్రేమ్బోర్డర్' ప్రాపర్టీని ఉపయోగించి స్టైల్ చేయబడింది.
దశ 2: సృష్టించిన ఐఫ్రేమ్కు URL పారామీటర్ను పాస్ చేయండి
తర్వాత, సృష్టించబడిన iframe మూలకానికి URL పారామీటర్ను పాస్ చేయడానికి/జోడించడానికి దిగువ పేర్కొన్న జావాస్క్రిప్ట్ కోడ్ని అనుసరించండి:
< స్క్రిప్ట్ >iframeని అనుమతించండి = పత్రం. getElementById ( 'myIframe' ) ;
వీలు URL = 'onkeyup.html' ;
వెడల్పు = '300' ;
ఎత్తు వీలు = '500' ;
జియోను అనుమతించండి = 'uk' ;
పాస్URLని అనుమతించండి = URL + '?geo=' + జియో + '&size=' + వెడల్పు + 'x' + ఎత్తు ;
ఐఫ్రేమ్. src = adsURL ;
కన్సోల్. లాగ్ ( పాస్URL ) ;
స్క్రిప్ట్ >
పై కోడ్ లైన్లలో:
- మొదటి 'Iframe' వేరియబుల్ వర్తిస్తుంది ' document.getElementById() సృష్టించబడిన “iframe” మూలకాన్ని దాని id “myIframe”ని ఉపయోగించి యాక్సెస్ చేసే పద్ధతి.
- రెండవ ' URL ” వేరియబుల్ ఐఫ్రేమ్ ద్వారా ప్రస్తుత HTML డాక్యుమెంట్కు వినియోగదారు పొందుపరచాలనుకుంటున్న కావలసిన డాక్యుమెంట్ యొక్క మార్గాన్ని నిర్దేశిస్తుంది.
- తరువాత, ' వెడల్పు ”వేరియబుల్ సృష్టించిన iframe మూలకం యొక్క వెడల్పును నిర్వచిస్తుంది మరియు “ ఎత్తు ” వేరియబుల్ దాని ఎత్తును నిర్దేశిస్తుంది.
- ఆ తర్వాత, 'జియో' వేరియబుల్ URL డొమైన్ను నిర్వచిస్తుంది అంటే 'uk(ఇంటర్నెట్ కంట్రీ కోడ్ టాప్-లెవల్ డొమైన్ (ccTLD))'.
- ఇప్పుడు, ' పాస్URL ” వేరియబుల్ URLను నిర్మించడానికి URL, జియో, వెడల్పు మరియు ఎత్తు వేరియబుల్ యొక్క విలువలను సంగ్రహిస్తుంది.
- తరువాత, నిర్మించిన URLని సృష్టించిన iframe మూలకానికి పాస్ చేయండి.
- చివరగా, ' console.log() ” పద్ధతి నిర్మిత URLని ప్రదర్శిస్తుంది.
దశ 3: అవుట్పుట్ను ధృవీకరించండి
HTML పత్రం యొక్క నిర్మిత URL విజయవంతంగా సృష్టించబడిన iframe ఎలిమెంట్కి పంపబడిందని గమనించవచ్చు.
ముగింపు
జావాస్క్రిప్ట్లో, ఐఫ్రేమ్ ఎలిమెంట్కు URL పారామితులను పాస్ చేయడానికి వినియోగదారు ముందుగా “నమూనా iframe మూలకాన్ని సృష్టించాలి”, ఆపై దాని “మార్గం”, “వెడల్పు”, “ఎత్తు” మరియు “డొమైన్”ని పేర్కొనడం ద్వారా “URLను నిర్మించాలి” గుణాలు. URL రూపొందించబడినప్పుడు దానిని సృష్టించిన HTML iframe మూలకానికి పంపండి. ఈ గైడ్ జావాస్క్రిప్ట్లోని iframeకి URL పారామితులను పాస్ చేయడానికి పూర్తి విధానాన్ని ఆచరణాత్మకంగా వివరించింది.