JavaScript/שילוב במסמך HTML: הבדלים בין גרסאות בדף

תוכן שנמחק תוכן שנוסף
שינוי מבנה ותוספות
תוספות והסברים
שורה 1:
{{Javascript}}
על מנת לשלב Javascript בדף ה-HTML שלנו אנחנו צריכים להשתמש באלמנט script של HTML.
*'''ניתן לכתוב קוד JavaScript בתוך מסמך HTML''', תהליך זה בעייתי לדפדפני ישנים. ולכן אם יש לכם דפדפן חדש (החל מ-Internet Explorer 5 או Firefox 2 או גרסאות חדשות של דפדפנים אחרים) אתם יכולים לכתוב פשוט (בזמן למידההלמידה):
<pre style="direction:ltr;">
<script language="javascript">
שורה 9:
תעברו לפרק הבא ותנסו...
 
*'''ניתן להפריד את קוד ה-JavaScript מקוד HTML:'''
לכתוב את הקוד הבא בין תגי head או body במסמך HTML.
כמו שמפרידים עיצוב מתוכן בעזרת אלמנט link שקורא ל-CSS, כך נוכל להשתמש באלמנט script על מנת לקרוא לקובץ Javascript, בלי שב-HTML שלנו תהיה שורת קוד Javascript אחת.
<pre style="direction:ltr;">
<script language="javascript" src="my_javascript_filejavascript_file.js"></script>
</pre>
חובה להשתמש באלמנט סוגר, למרות שאין לאלמנט תוכן.
ולפתוח דף חדש בשם: משהו.js (סיומת נקודה-js לקובץ, כמו שלעמוד HTML יש סיומת נקודה-html או נקודה-htm) בדוגמא זאת תפתחו דף חדש ולשמור בשם javascript_file.js ולכתוב בו.
<pre style="direction:ltr;">
...קוד javascript
</pre>
כמו'''הערה שמפרידיםליודעי CSS:''' הפרדה זו דומה להפרדת עיצוב מתוכן בעזרת אלמנט link שקורא ל-CSS, כך נוכל להשתמש באלמנט script על מנת לקרוא לקובץ Javascript, בלי שב-HTML שלנו תהיה שורת קוד Javascript אחת.
 
=== תמיכה בדפדפנים ישנים ===
ניתן לשלב Javascript בתוך קובץ ה-HTML עצמו, אך אז אנו נתקלים במספר בעיות.
<pre style="direction:ltr;">