Javascript/שילוב במסמך HTML

מתוך ויקיספר, אוסף ספרי הלימוד והמדריכים החופשי.

JavaScript

התחלת העבודה מושגי יסוד שילוב במסמך HTML שורות קוד ראשונות הערות משתנים הוראת תנאי התנאי if תנאי מורכב if-else הוראת switch אופרטורים תרגילים לחזרה לולאות לולאת for לולאת while לולאת do-while לולאות מקוננות שימוש בפקודות break ו-contiune זהירות מלולאה אין סופית מערכים מערך חד מימדי מערך דו מימדי חיפוש ומיונים פונקציות פונקציה שמחזירה ערך פונקציה שאינה מחזירה ערך אירועים פונקציות שונות אובייקטים מבוא לאובייקטים אובייקט החלון אובייקט המסמך אובייקט התמונה אובייקט המזגרת אובייקט המחרוזת אובייקט הכתובת אובייקט Math יצירת אובייקטים JavaScript למתקדמים עבודה עם טפסים תסריטים ספריות מבוא לספריות מבוא לספריית Ext JS גרסה להדפסה ערוך

על מנת לשלב Javascript בדף ה-HTML שלנו אנחנו צריכים להשתמש באלמנט script של HTML.

• ניתן לכתוב קוד JavaScript בתוך מסמך HTML, תהליך זה בעייתי לדפדפנים ישנים. ולכן אם יש לכם דפדפן חדש (החל מ-Internet Explorer 5 או Firefox 2 או גרסאות חדשות של דפדפנים אחרים) אתם יכולים לכתוב פשוט (בזמן הלמידה):

<script language="javascript">
   ...קוד javascript
</script>

תעברו לפרק הבא ותנסו...

• ניתן להפריד את קוד ה-JavaScript מקוד HTML:

לכתוב את הקוד הבא בין תגי head או body במסמך HTML.

<script language="javascript" src="javascript_file.js"></script>

חובה להשתמש באלמנט סוגר, למרות שאין לאלמנט תוכן. ולפתוח דף חדש בשם: משהו.js (סיומת נקודה-js לקובץ, כמו שלעמוד HTML יש סיומת נקודה-html או נקודה-htm) בדוגמא זאת תפתחו דף חדש ולשמור בשם javascript_file.js ולכתוב בו קוד של javqcript ולהשמיט את ה- <"script laguage="javasript> ו- <script/> בגלל שאנחנו כבר לא בקובץ html דוגמא לקובץ החדש :

<!--
  alert("Message")
-->

הערה ליודעי CSS: הפרדה זו דומה להפרדת עיצוב מתוכן בעזרת אלמנט link שקורא ל-CSS, כך נוכל להשתמש באלמנט script על מנת לקרוא לקובץ Javascript, בלי שב-HTML שלנו תהיה שורת קוד Javascript אחת.

[עריכה] תמיכה בדפדפנים ישנים

ניתן לשלב Javascript בתוך קובץ ה-HTML עצמו, אך אז אנו נתקלים במספר בעיות.

<script language="javascript">
   ...קוד javascript
</script>

דפדפנים ישנים, עלולים לא להכיר את האלמנט script ולכן עלינו להסתיר את תוכן הקוד בהערות HTML

<script language="javascript">
<!--
   ...קוד javascript
-->
</script>

כאן לא תמו צרותינו. זוכרים שב-HTML אסור להשתמש במרכאות (") רגילות או כפולות, אלא להשתמש ביישויות בלבד? זה נכון גם כאן.

לא נכון

<script language="javascript">
<!--
  alert("Message")
-->
</script>

נכון

<script language="javascript">
<!--
  alert(&quot;Message&quot;)
-->
</script>

די מסורבל לא? זה בגלל שהתוכן של אלמנט script מוגדר כ-PCDATA (Parsed Content Data). ה-Parsed רוצה לומר שהוא מפרש את התוכן שבתוך ה-script קודם כל כ-HTML ורק אחר-כך כ-Javascript.

על מנת להימנע מזה, ניתן לומר לדפדפן שלא יפרש את התוכן כ-PCDATA אלא כ-CDATA. ב-CDATA מרכאות וסימני גדול קטן >< אינם מפוענחים כ-HTML.

נכון

<script language="javascript">
<!--
<![CDATA[
  alert("Message")
>]]
-->
</script>

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