האם סקריפטים של קוד יכולים לשמור בקובץ חיצוני?

הצבה JavaScripts ישירות לקובץ המכיל HTML לדף אינטרנט אידיאלי לסקריפטים קצרים המשמשים במהלך לימוד JavaScript. כשאתה מתחיל ליצור סקריפטים בכדי לספק פונקציונליות משמעותית לדף האינטרנט שלך, עם זאת, הכמות של JavaScript יכול להיות גדול למדי, וכללת סקריפטים גדולים אלה ישירות בדף האינטרנט מציבה שתי בעיות:

• זה עשוי להשפיע על הדירוג של הדף שלך במנועי החיפוש השונים אם JavaScript תופס את רוב התוכן של הדף. זה מוריד את תדירות השימוש במילות מפתח וביטויים המזהים על מה התוכן.
• זה מקשה על שימוש חוזר באותה תכונת JavaScript בכמה דפים באתר שלך. בכל פעם שתרצה להשתמש בו בעמוד אחר, תצטרך להעתיק אותו ולהכניס אותו לכל עמוד נוסף, בתוספת כל שינוי שהמיקום החדש דורש.

זה הרבה יותר טוב אם אנו הופכים את ה- JavaScript ללא תלות בדף האינטרנט המשתמש בו.

למרבה המזל, מפתחים של HTML ו- JavaScript סיפקו פיתרון לבעיה זו. אנו יכולים להעביר את JavaScripts שלנו מדף האינטרנט ועדיין שזה יתפקד בדיוק.

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

לדוגמה, אם הסקריפט הבא נמצא בדף שלנו, היינו בוחרים ומעתיקים את החלק מודגש:

בעבר היה נהוג להציב JavaScript במסמך HTML בתוך תגי תגובה כדי למנוע מהדפדפנים הישנים להציג את הקוד; עם זאת, תקני HTML חדשים אומרים שעל הדפדפנים להתייחס אוטומטית לקוד שנמצא בתוך תגיות תגובה של HTML כהערות, וכתוצאה מכך דפדפנים מתעלמים מה- Javascript שלך.

אם ירשת דפי HTML ממישהו אחר עם JavaScript בתוך תגיות תגובה, אינך צריך לכלול את התגים בקוד JavaScript שתבחר והעתק.

לדוגמה, היית מעתיק רק את הקוד המודגש ומשאיר את תגי הערות ה- HTML ו במדגם הקוד למטה:

לאחר שבחרת את קוד ה- JavaScript שברצונך להעביר, הדבק אותו בקובץ חדש. תן לקובץ שם שמרמז מה התסריט עושה או מזהה את הדף בו שייך הסקריפט.

תן את הקובץ א .js סיומת כך שתדעי שהקובץ מכיל JavaScript. לדוגמה אנו עשויים להשתמש hello.js כשם הקובץ לשמירת JavaScript מהדוגמה שלמעלה.

כעת, לאחר ש- JavaScript שלנו מועתק ונשמר בקובץ נפרד, כל שעלינו לעשות הוא להפנות לקובץ הסקריפט החיצוני שבקובץ מסמך דף אינטרנט HTML.

ראשית, מחק הכל בין תגי הסקריפט:

זה עדיין לא אומר לדף באיזה JavaScript להפעיל, אז הבא עלינו להוסיף תכונה נוספת לתג הסקריפט עצמו שאומר לדפדפן היכן למצוא את הסקריפט.

הדוגמא שלנו תיראה כך:

src = "hello.js">

תכונת ה- src מציגה לדפדפן את שם הקובץ החיצוני שממנו יש לקרוא את קוד JavaScript לדף אינטרנט זה (שהוא hello.js בדוגמה שלנו למעלה).

אינך צריך להכניס את כל כתבי ה- JavaScrip שלך למיקום זהה למסמכי דף האינטרנט שלך ב- HTML. מומלץ להכניס אותם לתיקיית JavaScript נפרדת. במקרה זה, אתה פשוט משנה את הערך ב- src תכונה לכלול את מיקום הקובץ. אתה יכול לציין כל כתובת אינטרנט יחסית או מוחלטת עבור מיקום קובץ המקור של JavaScript.

כעת אתה יכול לקחת כל סקריפט שכתבת או כל סקריפט שהשגת מספריית סקריפט ולהעביר אותו מקוד דף ה- HTML לקובץ JavaScript שהופנה אליו חיצונית.

לאחר מכן תוכל לגשת לקובץ סקריפט זה מכל דף אינטרנט פשוט על ידי הוספת תגי HTML סקריפט המתאימים שקוראים לקובץ סקריפט זה.