مجھے HTML مارک اپ میں ٹیگز کہاں رکھنا چاہیے؟

Mj Html Mark Ap My Ygz K A Rk Na Cha Y



ایک HTML دستاویز میں، جاوا اسکرپٹ کوڈ کو ' سکرپٹ ' کے درمیان عنصر ' ٹیگز اسکرپٹ عناصر کو 'کے اندر شامل کیا جاسکتا ہے۔ سر HTML دستاویز کا عنصر شروع ہیڈ ٹیگ کے بعد اور اختتامی ہیڈ ٹیگ سے پہلے کہیں بھی۔ اسے اندر بھی شامل کیا جا سکتا ہے ' جسم HTML دستاویز کا عنصر شروع کرنے والے باڈی ٹیگ کے بعد اور اختتامی باڈی ٹیگ سے پہلے کہیں بھی۔ مزید یہ کہ 'اسکرپٹ' ٹیگز کو ایک ہی HTML دستاویز میں 'ہیڈ' اور 'باڈی' دونوں عناصر میں بھی شامل کیا جا سکتا ہے۔

HTML میں 'اسکرپٹ' ٹیگز کی تعداد پر کوئی پابندی نہیں ہے۔ لہذا، ایک ہی ایچ ٹی ایم ایل دستاویز میں متعدد 'اسکرپٹ' ٹیگز ہوسکتے ہیں۔

HTML میں



شامل کرنا پھاڑ > ہیڈ عنصر میں ٹیگ کریں۔

JavaScript فنکشنز کے ساتھ اسکرپٹ ٹیگز کو ہیڈ ایلیمنٹ میں شامل کیا جا سکتا ہے۔ آئیے اس آئیڈیا کو عملی طور پر HTML دستاویز کے ہیڈ ایلیمنٹ میں شامل کردہ JavaScript فنکشن کی ایک سادہ مثال لے کر عمل میں لاتے ہیں۔



مثال



بس ہیڈ عنصر کے اندر سکرپٹ عنصر شامل کریں یا موجودہ HTML دستاویز میں اسکرپٹ عنصر کو ہیڈ ٹیگ میں منتقل کریں:





< سر >
< سکرپٹ >
فنکشن myFunction() {
document.getElementById('demoId').innerHTML = 'بعد!!!';
}
< / سکرپٹ >
< / سر >

< جسم >

< h2 > سر میں اسکرپٹ ٹیگز شامل کرنا < / h2 >
< ص آئی ڈی = 'ڈیمو آئی ڈی' > اس سے پہلے... < / ص >
< بٹن قسم = 'بٹن' کلک پر = 'myFunction()' > اسے بدل دیں۔ < / بٹن >
< / جسم >

مندرجہ بالا کوڈ کے ٹکڑوں میں:

  • ایک نہیں ہے '

    'اندر جا رہا ہے' جسم 'عنصر اور اس کے بعد، ایک ہے' پیراگراف ایک سادہ متن پر مشتمل عنصر۔

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

یہ آؤٹ پٹ میں JavaScript فنکشن کو صحیح طریقے سے انجام دے گا:



شامل کرنا خفیہ > باڈی ایلیمنٹ میں ٹیگ کریں۔

اسکرپٹ ٹیگز کے اندر بھی شامل کیے جا سکتے ہیں۔ 'ختم ہونے سے پہلے کہیں بھی عنصر' جسم ٹیگز

مثال

وہی نتائج پیدا ہوں گے اگر ' سکرپٹ میں ٹیگ شامل کیے گئے ہیں۔ جسم عنصر:

< / جسم >
< h2 >باڈی میں اسکرپٹ ٹیگز شامل کرنا< / h2 >
< ص آئی ڈی = 'ڈیمو آئی ڈی' >پہلے...< / ص >
< بٹن قسم = 'بٹن' کلک پر = 'myFunction()' اسے تبدیل کریں< / بٹن >
< سکرپٹ >
فنکشن myFunction ( ) {
document.getElementById ( 'ڈیمو آئی ڈی' ) .innerHTML = 'بعد!!!' ;
}
< / سکرپٹ >
< / جسم >

مندرجہ بالا کوڈ کے ٹکڑوں میں:

  • اسی کوڈ میں جاوا اسکرپٹ کا وہی فنکشن جس کی وضاحت اس پوسٹ کے پچھلے حصے میں کی گئی ہے اسے باڈی ایلیمنٹ میں شامل کیا گیا ہے۔

شامل کرنا ' سکرپٹ 'اندر ٹیگ' جسم عنصر بھی وہی نتائج پیدا کرے گا اور جاوا اسکرپٹ فنکشن کو صحیح طریقے سے چلائے گا:

یہ ظاہر کرتا ہے کہ کہاں ہونا چاہئے '