onload 事件

DOM ਈਵੈਂਟ Event ਪੰਜਾਬੀ

تعریف اور استعمال

onload 事件 آئی-بجٹ لوڈ ہونے کے بعد رونما ہوتا ہے.

onload کا سب سے زیادہ استعمال <body> علامت میں کیا جاتا ہے، جس کا مقصد ویب پیج کو پورا لوڈ کرنے کے بعد اس میں اسکریپٹ کو چلانا ہوتا ہے (تصاویر، اسکریپٹ فائل، CSS فائل وغیرہ شامل).

onload 事件可用于 چک کرنے کا استعمال کیا جاتا ہے کہ آئی-بورسر کا کوئی بھی کا تیپ اور ورزن کیا ہوا ہے اور اس معلومات کی بنیاد پر ویب پیج کی صحیح ورزن لوڈ کرنا.

onload ਈਵੈਂਟ ਨੂੰ cookie ਦੀ ਚੇਕ ਕਰਨ ਲਈ ਵੀ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ (ਹੇਠ ਦੇ ਉਦਾਹਰਣਾਂ ਨੂੰ ਦੇਖੋ).

ਉਦਾਹਰਣ

ਪੰਨਾ ਲੋਡ ਹੋਣ ਦੇ ਬਾਅਦ ਤੁਰੰਤ JavaScript ਚਲਾਓ:

<body onload="myFunction()">

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

img> ਇਲੈਕਟ੍ਰੌਨਿਕ ਇਲਾਕੇ 'onload' ਦੀ ਵਰਤੋਂ ਕਰਕੇ: ਚਿੱਤਰ ਲੋਡ ਹੋਣ ਦੇ ਬਾਅਦ ਤੁਰੰਤ 'Image is loaded' ਚਿਤਾਵਨੀ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ:

<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
  alert("Image is loaded");
}
</script>

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 3

onload ਈਵੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ cookie ਦੀ ਚੇਕ ਕਰੋ:

<body onload="checkCookies()">
<script>
function checkCookies() {
  var text = "";
  if (navigator.cookieEnabled == true) {
    text = "Cookies are enabled.";
  }
     text = "Cookies are not enabled.";
  }
  document.getElementById("demo").innerHTML = text;
}
</script>

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਗਰੰਥਾ

HTML ਵਿੱਚ:

<element onload="myScript">

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਜ਼ਰਮਨ ਵਿੱਚ:

object.onload = function(){myScript};

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਜ਼ਰਮਨ ਵਿੱਚ, addEventListener() ਮੈਥਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ:

object.addEventListener("load", myScript);

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਟਿੱਪਣੀ:ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ 8 ਜਾਂ ਪੁਰਾਣੇ ਸਮੇਂ ਤੋਂ ਪਹਿਲਾਂ ਸਮਰਥਨ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ addEventListener() ਮੈਥਡ。

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਬੁਬਲਿੰਗ: ਸਮਰਥਨ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ
ਰੱਦ ਕਰਨਯੋਗ: ਸਮਰਥਨ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ
ਈਵੈਂਟ ਟਾਈਪ: ਜੇਕਰ ਯੂਜ਼ਰ ਇੰਟਰਫੇਸ ਤੋਂ ਬਣਾਇਆ ਗਿਆ ਹੈ ਤਾਂUiEvent。 Event。
ਸਮਰਥਤ HTML ਟੈਗਸ: <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>
DOM ਵਰਜਨ: ਲੈਵਲ 2 ਈਵੈਂਟ

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਈਵੈਂਟ ਚਰਮੇ IE ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
onload ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ
DOM ਈਵੈਂਟ Event ਪੰਜਾਬੀ