הדרך העיקרית ליצור אפקטים דינמיים בעמודי האינטרנט היא באמצעות סקריפטים בצד הלקוח. הם פיסות קוד המתפרשות על ידי מנוע התסריט של היישום המציג את המסמך. JavaScript היא שפת תכנות פופולרית המשמשת לתסריט. על מנת שהתסריט יוכל לבצע, יש להכניס אותו למסמך בדרך כלשהי.
זה הכרחי
- - קוד סקריפט;
- - מקור המסמך;
- - עורך טקסט.
הוראות
שלב 1
קבע את הדרך הטובה ביותר להכניס את התסריט. אם מניחים שאותו סקריפט ישמש במסמכים שונים, אז הגיוני להעביר אותו לקובץ חיצוני ולחבר אותו משם. אחרת, כדאי להטמיע את טקסט התסריט בגוף הדף. אם גודל התסריט גדול, כדאי להציב אותו בבלוק נפרד במסמך. אם קוד התוכנית קטן בנפחו ומיישם תגובה לכל אירוע, מותר למקם אותו בתכונה המגדירה את מטפל האירועים המובנה של אלמנט או את תכונת href של קישור.
שלב 2
הדבק את התסריט ממקור חיצוני. הוסף אלמנט SCRIPT עם תכונות src וסוג שצוינו לגוף המסמך או לקטע HEAD. לדוגמא, אתה יכול לעשות זאת כך: הערך של תכונת src חייב להיות URI המצביע על המשאב שממנו יטען טקסט הסקריפט. מאפיין ה- charset הוא אופציונלי. זה מציין את קידוד טקסט התסריט. אך אם הוא מושמט, ערך הקידוד ייקח כערך הקידוד של המסמך שאליו מוכנס הסקריפט.
שלב 3
הכנס את הסקריפט לטקסט הדף. השתמש באלמנט SCRIPT ובתוכו טקסט סקריפט. לדוגמה, זה עשוי להיראות כך:
התראה ("התסריט עובד!");
הערות HTML הכוללות את הקוד נדרשות לצורך תאימות לדפדפנים ישנים יותר. אתה יכול להשתמש בתגובות XML במסמכי XHTML.
שלב 4
הכנס קוד javascript למטפלי אירועים מוטבעים. מצא את האלמנט במסמך שאת האירוע שלו תרצה לטפל. הוסף תכונה המגדירה את המטפל המתאים. לדוגמא, התכונה המציינת את המטפל עבור לחיצת עכבר על אלמנט היא onclick, המטפל לאובדן אות הפוקוס הוא onblur, ומטפל הקשת המקשים אינו מוריד.
שלב 5
הזן את קוד הסקריפט כטקסט המציין את ערך התכונה שנוספה. לדוגמא, כדי להציג הודעה כאשר לוחצים על אלמנט DIV עם העכבר, ניתן להשתמש במבנה הבא: טקסט טקסט טקסט שימו לב שכדי להגדיר מילולי מחרוזות בקוד המטפל של רכיב מוטבע, עליכם להשתמש במרכאות מסוג אחר מאלה המציינים את הערך של תכונת ה- HTML …
שלב 6
הוסף את הסקריפט לאלמנט href של הקישור. ערך ה- href חייב להיות כתובת URL, שמתאר הפרוטוקול שלה הוא "javascript:", וחלק הכתובת הוא ביטוי מחושב. לדוגמא: טקסט קישור אם אתה צריך להשתמש בביטויים מרובים, השתמש בבלוק הצהרה המוגדר בסוגריים {ו}.