జావాస్క్రిప్ట్‌లో iframe మూలాన్ని ఎలా మార్చాలో ఈ బ్లాగ్ వివరిస్తుంది.
ఇన్లైన్ ఫ్రేమ్ అంటే ఏమిటి?
ఒక ' ఇన్లైన్ ఫ్రేమ్ ” ప్రస్తుత పత్రంలో మరొక పేర్కొన్న పత్రాన్ని కలిగి ఉండటానికి ఉపయోగించబడుతుంది. ఇది పేర్కొన్న లింక్‌ల ఆధారంగా వెబ్ పేజీలను మార్చడానికి దారితీస్తుంది.
జావాస్క్రిప్ట్‌లో ఐఫ్రేమ్ మూలాన్ని ఎలా మార్చాలి?
కింది విధానాలతో పాటు జావాస్క్రిప్ట్‌లో ఐఫ్రేమ్ మూలాన్ని మార్చవచ్చు. getElementById() 'పద్ధతి:
- ' పారామీటర్ ఆమోదించబడింది ”టెక్నిక్.
- ' ఎంచుకున్న సూచిక ”ఆస్తి.
విధానం 1: పాస్‌డ్ పారామీటర్ టెక్నిక్‌ని ఉపయోగించి జావాస్క్రిప్ట్‌లో ఐఫ్రేమ్ మూలాన్ని మార్చండి
బటన్ సహాయంతో యాక్సెస్ చేసినప్పుడు సంబంధిత పేజీ లింక్‌ను ఫంక్షన్ పారామీటర్‌గా ఉంచడం ద్వారా పేర్కొన్న పేజీకి మారడానికి ఈ సాంకేతికతను ఉపయోగించవచ్చు.
ఉదాహరణ
దిగువ పేర్కొన్న ఉదాహరణను అనుసరించండి:
< కేంద్రం >< h2 > iframe మూలాన్ని మార్చండి లో జావాస్క్రిప్ట్ h2 >
< iframe id = 'వెబ్‌పేజీ' src = 'https://linuxhint.com/detect-tab-key-javascript/' వెడల్పు = '1000' ఎత్తు = '550' ఫ్రేమ్‌బోర్డర్ = '0' స్క్రోలింగ్ = 'లేదు' > iframe >
< br >< br >
< బటన్ క్లిక్ చేయండి = 'changeIframe('https://linuxhint.com/category/linux-commands/')' > Linux ఆదేశాల పేజీని ప్రదర్శించడానికి క్లిక్ చేయండి బటన్ >
< br > br >
కేంద్రం >
పై కోడ్ లైన్లలో, ఈ క్రింది దశలను చేయండి:
- 'లో పేర్కొన్న లింక్‌ను పేర్కొనండి <ఇన్లైన్ ఫ్రేమ్> సర్దుబాటు చేసిన కొలతలతో పాటు ” ట్యాగ్ చేయండి.
- అలాగే, జోడించిన “తో బటన్‌ను సృష్టించండి క్లిక్ చేయండి ” ఫంక్షన్ changeIframe()కి పేర్కొన్న లింక్‌ను పారామీటర్‌గా కలిగి ఉన్న ఈవెంట్‌కి దారి మళ్లించడం.
- ఇది బటన్ క్లిక్‌పై పేర్కొన్న లింక్‌కి పేజీని మళ్లిస్తుంది.
కోడ్ యొక్క జావాస్క్రిప్ట్ భాగానికి కొనసాగిద్దాం:
< స్క్రిప్ట్ రకం = 'టెక్స్ట్/జావాస్క్రిప్ట్' >
ఫంక్షన్ ఫ్రేమ్‌ని మార్చండి ( మార్పు ) {
పత్రం. getElementById ( 'వెబ్‌పేజీ' ) . src = మార్పు ;
}
స్క్రిప్ట్ >
పై కోడ్ స్నిప్పెట్‌లో:
- ' అనే ఫంక్షన్‌ను ప్రకటించండి changeIframe() ”.
- దాని నిర్వచనంలో, “లో పేర్కొన్న లింక్‌ను యాక్సెస్ చేయండి ఇన్లైన్ ఫ్రేమ్ 'మూలకం' ఉపయోగించి document.getElementById() ” పద్ధతి.
- ఆ తరువాత, వర్తించు ' src 'పారామీటర్ ఉపయోగించి యాక్సెస్ చేయబడిన లింక్‌కు ఫంక్షన్ యాక్సెస్‌పై పేర్కొన్న లింక్‌ను గుణించండి మరియు కేటాయించండి' మార్పు ”.
- ఇది బటన్ క్లిక్‌పై పేర్కొన్న లింక్‌లకు సంబంధించి పేజీలను మార్చడానికి దారి తీస్తుంది.
అవుట్‌పుట్
పై అవుట్‌పుట్‌లో, బటన్‌ను క్లిక్ చేయడం ద్వారా పేజీలు మారడం గమనించవచ్చు.
విధానం 2: ఎంచుకున్న ఇండెక్స్ ప్రాపర్టీని ఉపయోగించి జావాస్క్రిప్ట్‌లో Iframe మూలాన్ని మార్చండి
ది ' ఎంచుకున్న సూచిక ”ప్రాపర్టీ డ్రాప్-డౌన్ లిస్ట్‌లో ఎంచుకున్న ఎంపిక సూచికను అందిస్తుంది. డ్రాప్‌డౌన్ జాబితా నుండి ఎంచుకున్న ఎంపిక విలువకు సంబంధించి పేర్కొన్న లింక్‌కి దారి మళ్లించడానికి ఈ ప్రాపర్టీని వర్తింపజేయవచ్చు.
ఉదాహరణ
కింది ఉదాహరణను పరిశీలిద్దాం:
< iframe id = 'వెబ్‌పేజీ' src = 'https://linuxhint.com/detect-tab-key-javascript/' వెడల్పు = '1000' ఎత్తు = '550' ఫ్రేమ్‌బోర్డర్ = '0' స్క్రోలింగ్ = 'లేదు' > iframe >
< br >< br >
< ఐడిని ఎంచుకోండి = 'లింకులు' >
< ఎంపిక విలువ = 'https://linuxhint.com/auto-refresh-web-page-every-5-seconds-javascript/' > వ్యాసానికి మారండి 1
< ఎంపిక విలువ = 'https://linuxhint.com/convert-array-to-object-javascript/' > వ్యాసానికి మారండి రెండు
ఎంచుకోండి >
< br >< br >
< బటన్‌పై క్లిక్ చేయండి = 'changeIframe();' > Iframe Srcని మార్చండి బటన్ >
< br >< br >
శరీరం > కేంద్రం >
పై కోడ్ లైన్లలో, ఈ క్రింది దశలను చేయండి:
- 'లో పేర్కొన్న లింక్‌ను పేర్కొనడానికి దశను గుర్తుకు తెచ్చుకోండి