آپ کو جاوا اسکرپٹ میں اندرونی HTML کے بارے میں جاننے کی ضرورت ہے

جاوا اسکرپٹ سب سے زیادہ استعمال شدہ پروگرامنگ زبانوں میں سے ایک ہے۔ یہ پلیٹ فارمز میں اس کی استعداد کے لئے بھی کافی مشہور ہے۔ میں مختلف خصوصیات ہیں جو متحرک ویب سائٹ بنانے کے آپ کے کام کو آسان بنا دیتے ہیں۔ اس مضمون میں ، ہم درج ذیل ترتیب میں جاوا اسکرپٹ میں اندرونی HTML پر تبادلہ خیال کریں گے:

• جاوا اسکرپٹ کا تعارف
• جاوا اسکرپٹ میں اندرونی HTML
  • آرڈرڈ یا غیر منظم فہرست
  • یو آر ایل کو تبدیل کرنا

جاوا اسکرپٹ کا تعارف

جاوا اسکرپٹ کو کلائنٹ سائیڈ پروگرامنگ زبان کے ساتھ ساتھ سرور سائیڈ پروگرامنگ زبان بھی استعمال کیا جاتا ہے۔ پھانسی دینے کے لئے استعمال کیا جاتا ہے کلائنٹ سائیڈ کے ساتھ ساتھ کسی بھی درخواست کے سرور سائیڈ پر۔ نوڈ کو متعدد جگہوں پر نوڈ.js بھی کہا جاسکتا ہے۔

جاوا اسکرپٹ آسانی سے کارکردگی کا مظاہرہ کرنے کے لئے کئی فنکشنز کے طریقوں کی ڈھیر ساری فراہم کرتا ہے۔ یہی وجہ ہے کہ جاوا اسکرپٹ کو ایک مقبول پروگرامنگ زبان بنایا گیا ہے اور ساتھ ہی یہ کئی طرح کی مصنوعات کی نشوونما میں بھی بڑے پیمانے پر استعمال ہورہا ہے۔

جاوا اسکرپٹ میں اندرونی HTML

اندرونی جاوا اسکرپٹ میں موجود پراپرٹی بہت ہی آسان خصوصیات میں سے ایک ہے اور ویب صفحات کو تخلیق کرنے میں زیادہ متحرک اور ورسٹائل پہلو فراہم کرنے کے لئے وسیع پیمانے پر استعمال ہوتی ہے۔

اگر ہم صرف اندرونی ایچ ٹی ایم ایل کو سمجھانے کی کوشش کرتے ہیں تو پھر اندرونی ایچ ٹی ایم ایل کے ذریعہ کیا کام صرف صفحہ کو تازہ کرنے کے بغیر صفحہ کے مواد کو لوڈ کرنا ہے۔ اس سے ڈیٹا کے استعمال کے ساتھ ساتھ صفحے کے بوجھ کے پیچھے ہونے والا وقت بھی بچ جاتا ہے اور حاصل کرنا بہت آسان ہے۔ اس سے صارف کو ایک بہت ہی تیز اور ذمہ دار احساس ملتا ہے اس طرح سے صارف کے تجربے کو بہتر تر بنایا جاتا ہے۔

یہ تھوڑی مشکل محسوس ہوسکتی ہے لیکن آئیے ایک مثال کی مدد سے اسے سمجھنے کی کوشش کریں۔

مثال:

 
اندرونی ایچ ٹی ایم ایل متن کو تبدیل کرنے کے لئے یہاں کلک کریں۔
فنکشن myFunction () {دستاویز.getElementById ('پیراگراف 1'). اندرونی HTML = 'پیراگراف تبدیل ہوا!' }

مندرجہ بالا کوڈ میں ، پیراگراف ٹیگ میں اس کی شناخت پیراگراف 1 ہے۔

وہاں ایک تقریب اس کا نام myfunction () ہے جو متن پر کلک کرنے پر منسوخ ہوجائے گا 'اندرونی ایچ ٹی ایم ایل متن کو تبدیل کرنے کے لئے یہاں کلک کریں'۔جب کلک کرنے پر فنکشن کو کالعدم کردیا جاتا ہے تو ، فنکشن پر عمل درآمد ہو جاتا ہے جس میں getElementById ('پیراگراف 1') کہا جاتا ہے ، جس نے کہا ہے کہ آئی ڈی والے عنصر کو ڈیمو کے طور پر منتخب کیا جانا ہے۔

مزید یہ کہ ہمارے پاس اندرونی ایچ ٹی ایم ایل کا فنکشن ہے جس کا مطلب سیدھے آنکلیک کے بعد کیا ہونا ہے۔ یہاں مندرجہ بالا مثال میں ، یہ صرف 'پیراگراف تبدیل' ہے۔

مندرجہ بالا کوڈ کی ابتدائی آؤٹ پٹ ذیل میں ہے۔

جاوا پروگرام سے باہر نکلنے کا طریقہ

نیچے کلک کے بعد تبدیل شدہ آؤٹ پٹ ہے۔

آرڈرڈ یا غیر ترتیب شدہ فہرست کے ساتھ اندرونی HTML

آرڈر شدہ یا غیر ترتیب شدہ فہرست کے ساتھ اندرونی HTML کا استعمال ظاہر کرنے کے لئے ذیل میں ایک مثال ہے۔

مثال:

 
 
ہیلو
 
ہیلو دوبارہ
 
 
ال عنصر کے مواد کو حاصل کرنے کے لئے نیچے دیئے گئے بٹن پر کلک کریں۔
اسے ہیلو فنکشن () function var x = document.getElementById ('myList') پر کام کرنے کی کوشش کریں۔ << اندرونی HTML دستاویز.ایلمنٹ ById ('پیراگراف 1')۔ HTML HTML = x}

یہاں بٹن کے ذریعے اندرونی ایچ ٹی ایم ایل متحرک ہوجاتا ہے۔

مذکورہ متن کی ابتدائی پیداوار یہ ہے:

بٹن پر کلک کرنے کے بعد آؤٹ پٹ۔ بٹن پر کلک کرنے سے صفحہ دوبارہ لوڈ نہیں ہوتا ہے بلکہ اس کی بجائے اندرونی ایچ ٹی ایم ایل کے استعمال کی وجہ سے ہوا تھا۔

کٹھ پتلی اور شیف کے درمیان فرق

URL تبدیل کرنے کے لئے اندرونی HTML

ذیل میں ایک اور مثال ہے جو بٹن کلک پر یو آر ایل کو تبدیل کرنے کے لئے اندرونی ایچ ٹی ایم ایل کے استعمال کو ظاہر کرتی ہے۔

مثال:

  ویکیپیڈیا لنک فنکشن myFunction () {دستاویز.getElementById ('myAunchor') کو تبدیل کریں۔ اندرونی HTML = 'گوگل' دستاویزات. ) .target = '_blank'}

مذکورہ بالا مثال ابتدائی طور پر ویکیپیڈیا کی ویب سائٹ کو لنک فراہم کرتی ہے لیکن جب بٹن پر کلک کیا جاتا ہے تو لنک گوگل میں بدل جاتا ہے۔

اس طرح کے بہت سارے آپریشن ہیں جہاں صفحہ کو دوبارہ لوڈ نہیں کرنا پڑتا ہے اور صرف ایک حص updatedہ کو اپ ڈیٹ کرنا ہوتا ہے جب اندرونی ایچ ٹی ایم ایل کام آتا ہے۔اس سے وقت کی بچت ہوسکتی ہے ، نیز کوششوں کے لئے بھی ، کوشش کی جانی چاہئے۔اندرونی ایچ ٹی ایم ایل کا سب سے بڑا فائدہ صارف کا تجربہ ہے جو اس خصوصیت کے ساتھ بڑھا ہوا ہے۔

چیک کریں بذریعہ ایڈوریکا۔ ویب ڈویلپمنٹ سرٹیفیکیشن ٹریننگ آپ کو HTML5 ، CSS3 ، ٹویٹر بوٹسٹریپ 3 ، jQuery اور گوگل API کا استعمال کرکے متاثر کن ویب سائٹ بنانے کا طریقہ سیکھنے میں مدد دے گی اور اسے ایمیزون سادہ اسٹوریج سروس (S3) میں تعینات کرے گی۔

ہمارے لئے ایک سوال ہے؟ براہ کرم اس کا تذکرہ 'جاوا اسکرپٹ میں سٹرنگ کنیکٹنٹیشن' کے تبصرے سیکشن میں کریں اور ہم آپ کو واپس ملیں گے۔