میں جاوا اسکرپٹ میں یو آر ایل کو میزبان نام اور راستے میں کیسے پارس کروں؟

My Jawa Askrp My Yw Ar Ayl Kw Myzban Nam Awr Rast My Kys Pars Krw



JavaScript میں، پارسنگ کا استعمال غیر ساختہ ڈیٹا کی ایک بڑی مقدار کو پڑھنے کے قابل اور آسان فارمیٹ میں تبدیل کرنے کے لیے کیا جاتا ہے۔ آپ کسی مخصوص ویب سائٹ کے تاروں، اشیاء اور URLs کی شکل میں ڈیٹا کو پارس کر سکتے ہیں۔ جاوا اسکرپٹ میں کسی خاص یو آر ایل کو پارس کرنے کے لیے، ' URL() 'کنسٹرکٹر۔ یہ ہوسٹ، پاتھ نام، سرچ ہیش، اور ہیش کی خصوصیات کے ساتھ ایک نیا URL آبجیکٹ بنائے گا۔

یہ پوسٹ JavaScript میں یو آر ایل کو میزبان نام اور راستے میں پارس کرنے کے طریقہ کار کی وضاحت کرے گی۔







جاوا اسکرپٹ میں یو آر ایل (ویب ایڈریس) کو میزبان نام اور پاتھ میں پارس کرنا

یو آر ایل کو جاوا اسکرپٹ میں میزبان نام اور راستے میں پارس کرنے کے لیے، 'کی مدد سے موجودہ صفحہ کا یو آر ایل استعمال کریں۔ window.location.href ' جائیداد. مزید برآں، ایک مخصوص یو آر ایل کو ' کا استعمال کرتے ہوئے پارس کیا جا سکتا ہے URL() 'طریقہ.



عملی مضمرات کے لیے، بیان کردہ مثالیں دیکھیں:



مثال 1: موجودہ صفحہ کے URL کو میزبان نام اور راستے میں پارس کریں۔

آپ موجودہ صفحہ کے URL کو جاوا اسکرپٹ میں میزبان نام اور راستے میں پارس کر سکتے ہیں۔ اس کے لیے، HTML حصے میں درج ذیل کوڈ کو استعمال کریں:





  • شامل کریں '

    ٹیگ کریں اور آئی ڈی تفویض کریں آئی ڈی ' وصف.

  • 'کا استعمال کرتے ہوئے ایک بٹن بنائیں <بٹن> 'عنصر اور دعوت دیں' کلک پر جب صارف بٹن پر کلک کرتا ہے تو ایک مخصوص واقعہ انجام دینے کے لیے ایونٹ۔ مزید برآں، اس تقریب کی قدر کے طور پر ایک فنکشن کو طلب کریں:
< پی آئی ڈی = 'id' >> ص >
< بٹن پر کلک کریں۔ = 'func()' > URL پر تجزیہ کریں۔ بٹن >
< پی آئی ڈی = 'id2' >> ص >
< پی آئی ڈی = 'id3' >> ص >

جاوا اسکرپٹ کے حصے میں، 'کی مدد سے پہلی آئی ڈی تک رسائی حاصل کریں۔ getElementById() 'طریقہ اور سیٹ' window.location.href موجودہ صفحہ کے URL کو پارس کرنے کے لیے:

دستاویز getElementById ( 'id1' ) . اندرونی ایچ ٹی ایم ایل = کھڑکی مقام . href ;

ایک فنکشن کی تعریف ' func() ' جو استعمال کرکے دوسرے عنصر تک رسائی حاصل کرتا ہے ' id2 ' کی مدد سے ان لائن اسٹائلنگ کا اطلاق کریں۔

HTML ٹیگ اور رنگ سیٹ کریں۔ پھر، استعمال کریں ' window.location.hostname ' پراپرٹی جو موجودہ صفحہ کا یو آر ایل واپس کرے گی:



فنکشن func ( ) {
دستاویز getElementById ( 'id2' ) . اندرونی ایچ ٹی ایم ایل = ` < h2 طرز = 'رنگ: نیلا؛' > میزبان کا نام : h2 > ` + کھڑکی مقام . میزبان کا نام ;
دستاویز getElementById ( 'id3' ) . اندرونی ایچ ٹی ایم ایل = ` < h2 طرز = 'رنگ: نیلا؛' > راستہ : h2 > ` + کھڑکی مقام . راستے کا نام ;
}

آؤٹ پٹ

یہ دیکھا جا سکتا ہے کہ بٹن پر کلک کرنے کے بعد موجودہ صفحہ کا میزبان نام اور راستہ اسکرین پر ظاہر ہوتا ہے:

مثال 2: URL() طریقہ کا استعمال کرتے ہوئے میزبان نام اور پاتھ میں URL کو پارس کریں۔

آپ یو آر ایل کو میزبان نام اور راستے میں بھی پارس کر سکتے ہیں ' URL() 'طریقہ. ایسا کرنے کے لیے، اوپر دیا گیا HTML کوڈ استعمال کریں اور پھر، نیچے بیان کردہ JavaScript کوڈ شامل کریں۔ اس مقصد کے لیے، کسی چیز کو شروع کریں اور استعمال کریں ' URL() کنسٹرکٹر، اور طریقہ کار کی دلیل کے طور پر مخصوص صفحہ کا URL پاس کریں:

تھا my_url = نئی URL ( 'https://linuxhint.com/' ) ;

HTML عنصر تک رسائی حاصل کریں اس کی آئی ڈی کا استعمال کرتے ہوئے ' getElementById() طریقہ:

دستاویز getElementById ( 'id1' ) . اندرونی ایچ ٹی ایم ایل = my_url ;

نام کے ساتھ ایک فنکشن بنائیں اور دوسرے HTML عناصر تک رسائی حاصل کریں:

فنکشن func ( ) {
دستاویز getElementById ( 'id2' ) . اندرونی ایچ ٹی ایم ایل = ` < h2 طرز = 'رنگ: نیلا؛' > میزبان کا نام : h2 > ` + my_url. میزبان کا نام ;
دستاویز getElementById ( 'id3' ) . اندرونی ایچ ٹی ایم ایل = ` < h2 طرز = 'رنگ: نیلا؛' > راستہ : h2 > ` + my_url. راستے کا نام ;
}

آؤٹ پٹ

یہ سب یو آر ایل/ویب ایڈریس کو جاوا اسکرپٹ میں میزبان نام اور راستے میں پارس کرنے کے بارے میں ہے۔

نتیجہ

جاوا اسکرپٹ میں، ' window.location.href موجودہ صفحہ یو آر ایل کو پارس کرنے کے لیے استعمال کیا جا سکتا ہے۔ مزید برآں، ایک مخصوص یو آر ایل کو ' کا استعمال کرتے ہوئے پارس کیا جا سکتا ہے URL() 'طریقہ. اس ٹیوٹوریل میں مختلف طریقوں سے یو آر ایل (ویب ایڈریس) کو میزبان نام اور راستے میں پارس کرنے کے تفصیلی طریقہ کار کی وضاحت کی گئی ہے۔