یہ بلاگ بیان کردہ href اظہار ' ' کی خصوصیات پر تبادلہ خیال کرے گا۔
href اظہار ' ' کیا کرتا ہے؟
ایچ ٹی ایم ایل میں 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() 'طریقہ.
- تصویر کو بطور چائلڈ عنصر شامل کریں ' appendchild() 'طریقہ.
آؤٹ پٹ اشارہ کرتا ہے کہ لنک پر کلک کرنے کے دوران تصویر اسی صفحہ پر ظاہر ہوگی۔
آپ href ٹیگ میں بھی فنکشن تک رسائی حاصل کر سکتے ہیں۔ جاوا اسکرپٹ: پلیس ہولڈر:
< div id = 'میری تصویر' >> div >< ایک href = 'javascript:myFunction();' > مجھے کلک کیجیے a >
ایک فنکشن کی وضاحت کریں ' myFunction()