ఈ బ్లాగ్ పేర్కొన్న href వ్యక్తీకరణ “ ” కార్యాచరణలను చర్చిస్తుంది.
href వ్యక్తీకరణ “ ” ఏమి చేస్తుంది?
HTML 'లో href లక్షణం ” ట్యాగ్ సాధారణంగా లింక్ నిర్దేశించబడిన URL లేదా వెబ్ పేజీని నిర్దేశిస్తుంది.
ఆ సందర్భం లో ' ', href లక్షణం 'కి సెట్ చేయబడింది జావాస్క్రిప్ట్:; ” అంటే క్లిక్ చేసినప్పుడు ఏమీ చేయని ప్లేస్‌హోల్డర్ విలువ. జావాస్క్రిప్ట్ ఫంక్షన్ లేదా ఈవెంట్ కోసం లింక్ ఉపయోగించబడుతున్నప్పుడు ఇది తరచుగా ఉపయోగించబడుతుంది మరియు వినియోగదారుని కొత్త పేజీకి మళ్లించాల్సిన అవసరం లేదు.
ది ' జావాస్క్రిప్ట్:; ” అనేది HTML మరియు CSSతో అనుసంధానించడానికి జావాస్క్రిప్ట్ యొక్క అత్యంత ఆకర్షణీయమైన లక్షణం. ఇది జావాస్క్రిప్ట్ ఫంక్షన్‌లను HTML href లేదా యాంకర్ ట్యాగ్‌లో కాల్ చేయడానికి సహాయపడుతుంది.
ఉదాహరణ
ఇచ్చిన ఉదాహరణలో, '' ఉపయోగించి లింక్‌పై క్లిక్ చేయడం ద్వారా చిత్రాన్ని ప్రస్తుత పేజీలో ప్రదర్శించండి జావాస్క్రిప్ట్:; ' href లక్షణంలో బ్రౌజర్ ప్రస్తుత పేజీ నుండి నిష్క్రమించకుండా నిరోధిస్తుంది:
< div id = 'నా చిత్రం' > div >
< ఒక href = 'javascript: img = document.createElement('img');
img.src = 'sun.jpg';
src = document.getElementById('myImg');
src.appendChild(img);' > చిత్రాన్ని చూపించు a >
పై కోడ్‌లో:
- ముందుగా, HTML ఫైల్‌లో div ఎలిమెంట్‌ని సృష్టించి, ఒక idని కేటాయించండి “ myImg ”.
- href లక్షణాన్ని దీనికి సెట్ చేయండి జావాస్క్రిప్ట్:; 'మరియు' సృష్టించు img 'మూలకం' ఉపయోగించి క్రియేట్ ఎలిమెంట్() ” పద్ధతి.
- ది ' src ” లక్షణం చిత్రం యొక్క మార్గాన్ని సూచిస్తుంది.
- “ని ఉపయోగించి చిత్రాన్ని చూపించడానికి HTML ఫైల్‌లో ఇమేజ్ మూలకం యొక్క సూచనను పొందండి getElementById() ” పద్ధతి.
- “ని ఉపయోగించి చిత్రాన్ని చైల్డ్ ఎలిమెంట్‌గా జోడించండి అనుబంధం() ” పద్ధతి.
లింక్‌పై క్లిక్ చేస్తున్నప్పుడు చిత్రం అదే పేజీలో ప్రదర్శించబడుతుందని అవుట్‌పుట్ సూచిస్తుంది:
మీరు ఫంక్షన్‌ను href ట్యాగ్‌లో కూడా యాక్సెస్ చేయవచ్చు “ జావాస్క్రిప్ట్:; ” ప్లేస్‌హోల్డర్:
< div id = 'నా చిత్రం' > div >< ఒక href = 'javascript:myFunction();' > నన్ను క్లిక్ చెయ్యి a >
ఒక ఫంక్షన్ నిర్వచించండి ' myFunction() href ట్యాగ్‌లో యాక్సెస్ చేయబడిన