logo

TechCodeview

טעינת JavaScript

ב-JavaScript, אירוע זה יכול להחיל הפעלה של פונקציה מסוימת כאשר הדף מוצג במלואו. ניתן להשתמש בו גם כדי לאמת את הסוג והגרסה של הדפדפן של המבקר. אנו יכולים לבדוק באילו קובצי Cookie משתמש דף על ידי שימוש ב- עומס תְכוּנָה.

ב-HTML, תכונת onload מופעלת כאשר אובייקט נטען. המטרה של תכונה זו היא להפעיל סקריפט כאשר האלמנט המשויך נטען.

ב-HTML, ה עומס בדרך כלל נעשה שימוש בתכונה עם ה- רכיב לביצוע סקריפט ברגע שהתוכן (כולל קובצי CSS, תמונות, סקריפטים וכו') של דף האינטרנט נטען לחלוטין. אין צורך להשתמש בו רק עם תג , מכיוון שניתן להשתמש בו עם רכיבי HTML אחרים.

ההבדל בין ה document.onload ו window.onload הוא: document.onload מפעילים לפני טעינת תמונות ותוכן חיצוני אחר. הוא נורה לפני ה window.onload . בזמן ש window.onload מופעל כאשר כל העמוד נטען, כולל קובצי CSS, קבצי סקריפט, תמונות וכו'.

bash if condition

תחביר

 window.onload = fun()

בואו נבין את האירוע הזה באמצעות כמה דוגמאות.

דוגמה1

בדוגמה זו, יש אלמנט div בגובה של 200 פיקסלים ורוחב של 200 פיקסלים. כאן, אנו משתמשים ב- window.onload() כדי לשנות את צבע הרקע, הרוחב והגובה של div אלמנט לאחר טעינת דף האינטרנט.

רשימה מיון java

צבע הרקע מוגדר ל 'אָדוֹם' , ורוחב וגובה מוגדרים ל 300 פיקסלים כל אחד.

 window.onload() #bg{ width: 200px; height: 200px; border: 4px solid blue; } window.onload = function(){ document.getElementById(&apos;bg&apos;).style.backgroundColor = &apos;red&apos;; document.getElementById(&apos;bg&apos;).style.width = &apos;300px&apos;; document.getElementById(&apos;bg&apos;).style.height = &apos;300px&apos;; } <h2> This is an example of window.onload() </h2>
בדוק את זה עכשיו

תְפוּקָה

לאחר ביצוע הקוד וטעינת העמוד, הפלט יהיה -

טעינת JavaScript

דוגמה2

בדוגמה זו, אנו מיישמים אנימציה פשוטה על ידי שימוש במאפיינים של אובייקט ה-DOM ובפונקציות של javascript . אנו משתמשים ב- פונקציית JavaScript getElementById() לקבלת אובייקט DOM ולאחר מכן הקצאת אובייקט זה למשתנה גלובלי.

char למחרוזת 
 var img = null; function init(){ img = document.getElementById(&apos;myimg&apos;); img.style.position = &apos;relative&apos;; img.style.left = &apos;50px&apos;; } function moveRight(){ img.style.left = parseInt( img.style.left) + 100 + &apos;px&apos;; } window.onload = init; <p>Click the below button to move the image right</p>
בדוק את זה עכשיו

תְפוּקָה

לאחר ביצוע מוצלח של הקוד לעיל, הפלט יהיה -

טעינת JavaScript

כעת, יש דוגמה שבה נשתמש ב-HTML עומס תכונה ופונקציות JavaScript.

מחרוזת המרה ל-int ב-java

דוגמה3

זוהי דוגמה פשוטה לשימוש ב-HTML עומס תכונה עם הפונקציה המוגדרת ב-JavaScript. בדוגמה זו, ה עֵרָנִי() הפונקציה נקראת בכל פעם שהמסמך רענן.

 function fun() { alert(&apos;Hello World!!, Welcome to the javaTpoint.com&apos;); } <p> Try to refresh the document to see the effect. </p>
בדוק את זה עכשיו

תְפוּקָה

לאחר ביצוע הקוד לעיל, הפלט יהיה -

טעינת JavaScript