یہ بلاگ جاوا اسکرپٹ میں iframe سورس کو تبدیل کرنے کا طریقہ بتائے گا۔
ان لائن فریم کیا ہے؟
ایک ' ان لائن فریم موجودہ دستاویز میں ایک اور مخصوص دستاویز پر مشتمل ہونے کے لیے استعمال کیا جاتا ہے۔ اس کا نتیجہ بیان کردہ لنکس کی بنیاد پر ویب صفحات کو تبدیل کرنے میں ہوتا ہے۔
جاوا اسکرپٹ میں Iframe ماخذ کو کیسے تبدیل کیا جائے؟
Iframe سورس کو جاوا اسکرپٹ میں درج ذیل طریقوں کا استعمال کرتے ہوئے تبدیل کیا جا سکتا ہے۔ getElementById() طریقہ:
- ' پاس شدہ پیرامیٹر 'ٹیکنیک۔
- ' منتخب انڈیکس 'جائیداد۔
نقطہ نظر 1: پاس شدہ پیرامیٹر تکنیک کا استعمال کرتے ہوئے جاوا اسکرپٹ میں Iframe ماخذ کو تبدیل کریں
اس تکنیک کو بٹن کی مدد سے رسائی حاصل کرنے پر متعلقہ صفحہ کے لنک کو فنکشن کے پیرامیٹر کے طور پر رکھ کر مخصوص صفحہ پر جانے کے لیے استعمال کیا جا سکتا ہے۔
مثال
آئیے ذیل میں بیان کردہ مثال کی پیروی کریں:
< مرکز >< h2 > iframe سورس کو تبدیل کریں۔ میں جاوا اسکرپٹ h2 >
< iframe id = 'ویب صفحہ' src = 'https://linuxhint.com/detect-tab-key-javascript/' چوڑائی = '1000' اونچائی = '550' فریم بارڈر = '0' سکرولنگ = 'نہیں' >> iframe >
< بی آر >< بی آر >
< بٹن پر کلک کریں۔ = 'changeIframe('https://linuxhint.com/category/linux-commands/')' > لینکس کمانڈز صفحہ کو ظاہر کرنے کے لیے کلک کریں۔ بٹن >
< بی آر >> بی آر >
مرکز >
کوڈ کی مندرجہ بالا لائنوں میں، درج ذیل اقدامات کریں:
- بیان کردہ لنک کی وضاحت کریں ' <ان لائن فریم> ایڈجسٹ شدہ طول و عرض کے ساتھ ٹیگ۔
- اس کے علاوہ، منسلک کے ساتھ ایک بٹن بنائیں ' کلک پر تقریب کو ری ڈائریکٹ کیا جا رہا ہے فنکشن changeIframe() جس کے پیرامیٹر کے طور پر مخصوص لنک ہے۔
- اس کا نتیجہ بٹن پر کلک کرنے پر صفحہ کو بیان کردہ لنک کی طرف لے جائے گا۔
آئیے کوڈ کے جاوا اسکرپٹ حصے کو جاری رکھیں:
< سکرپٹ کی قسم = 'متن/جاوا اسکرپٹ' >
فنکشن changeIframe ( تبدیلی ) {
دستاویز getElementById ( 'ویب صفحہ' ) . src = تبدیلی ;
}
سکرپٹ >
مندرجہ بالا کوڈ کے ٹکڑوں میں:
- ایک فنکشن کا اعلان کریں جس کا نام ' changeIframe() '
- اس کی تعریف میں، مخصوص لنک تک رسائی حاصل کریں ' ان لائن فریم ' عنصر کا استعمال کرتے ہوئے ' document.getElementById() 'طریقہ.
- اس کے بعد، لاگو کریں ' src 'پیرامیٹر کا استعمال کرتے ہوئے رسائی شدہ لنک تک فنکشن تک رسائی پر بیان کردہ لنک کو انتساب اور مختص کریں' تبدیلی '
- اس کے نتیجے میں بٹن پر کلک کرنے پر مخصوص لنکس کے حوالے سے صفحات کو تبدیل کیا جائے گا۔
آؤٹ پٹ
مندرجہ بالا آؤٹ پٹ میں، یہ دیکھا جا سکتا ہے کہ بٹن پر کلک کرنے پر صفحات تبدیل ہو جاتے ہیں۔
نقطہ نظر 2: منتخب انڈیکس پراپرٹی کا استعمال کرتے ہوئے جاوا اسکرپٹ میں Iframe ماخذ کو تبدیل کریں۔
' منتخب انڈیکس پراپرٹی ڈراپ ڈاؤن فہرست میں منتخب کردہ آپشن کا انڈیکس واپس کرتی ہے۔ اس پراپرٹی کو ڈراپ ڈاؤن فہرست سے منتخب کردہ آپشن کی قدر کے حوالے سے مخصوص لنک پر ری ڈائریکٹ کرنے کے لیے لاگو کیا جا سکتا ہے۔
مثال
آئیے درج ذیل مثال کا مشاہدہ کریں:
< iframe id = 'ویب صفحہ' src = 'https://linuxhint.com/detect-tab-key-javascript/' چوڑائی = '1000' اونچائی = '550' فریم بارڈر = '0' سکرولنگ = 'نہیں' >> iframe >
< بی آر >< بی آر >
< آئی ڈی منتخب کریں۔ = 'لنک' >
< اختیار کی قیمت = 'https://linuxhint.com/auto-refresh-web-page-every-5-seconds-javascript/' > آرٹیکل پر سوئچ کریں۔ 1
< اختیار کی قیمت = 'https://linuxhint.com/convert-array-to-object-javascript/' > آرٹیکل پر سوئچ کریں۔ دو
منتخب کریں >
< بی آر >< بی آر >
< بٹن پر کلک کریں۔ = 'changeIframe();' > Iframe Src کو تبدیل کریں۔ بٹن >
< بی آر >< بی آر >
جسم >> مرکز >
کوڈ کی مندرجہ بالا لائنوں میں، درج ذیل اقدامات کریں:
- ' کے اندر بیان کردہ لنک کی وضاحت کے لیے مرحلہ یاد کریں