JavaScript/שילוב במסמך HTML: הבדלים בין גרסאות בדף
מאין תקציר עריכה |
מאין תקציר עריכה |
||
שורה 3: | שורה 3: | ||
<pre style="direction:ltr;"> |
<pre style="direction:ltr;"> |
||
<script language="javascript" src="my_javascript_file.js"></script> |
<script language="javascript" src="my_javascript_file.js"></script> |
||
</script> |
|||
</pre> |
</pre> |
||
חובה להשתמש באלמנט סוגר, למרות שאין לאלמנט תוכן. |
חובה להשתמש באלמנט סוגר, למרות שאין לאלמנט תוכן. |
||
שורה 22: | שורה 21: | ||
--> |
--> |
||
</script> |
</script> |
||
</pre |
</pre> |
||
כאן לא תמו צרותינו. זוכרים שב-HTML אסור להשתמש במרכאות (") רגילות או כפולות, אלא להשתמש ביישויות בלבד? זה נכון גם כאן. |
כאן לא תמו צרותינו. זוכרים שב-HTML אסור להשתמש במרכאות (") רגילות או כפולות, אלא להשתמש ביישויות בלבד? זה נכון גם כאן. |
||
שורה 33: | שורה 32: | ||
--> |
--> |
||
</script> |
</script> |
||
</pre |
</pre> |
||
'''נכון''' |
'''נכון''' |
||
שורה 42: | שורה 41: | ||
--> |
--> |
||
</script> |
</script> |
||
</pre |
</pre> |
||
די מסורבל לא? זה בגלל שהתוכן של אלמנט script מוגדר כ-PCDATA (Parsed Content Data). ה-Parsed רוצה לומר שהוא מפרש את התוכן שבתוך ה-script קודם כל כ-HTML ורק אחר-כך כ-Javascript. |
די מסורבל לא? זה בגלל שהתוכן של אלמנט script מוגדר כ-PCDATA (Parsed Content Data). ה-Parsed רוצה לומר שהוא מפרש את התוכן שבתוך ה-script קודם כל כ-HTML ורק אחר-כך כ-Javascript. |
||
שורה 57: | שורה 56: | ||
--> |
--> |
||
</script> |
</script> |
||
</pre |
</pre> |
||
כעת ניתן לכתוב רגיל. די מסובך לא? עדיף לשים את הקוד בקובץ אחר ולהיפטר מכל הסיבוך הזה... |
כעת ניתן לכתוב רגיל. די מסובך לא? עדיף לשים את הקוד בקובץ אחר ולהיפטר מכל הסיבוך הזה... |
גרסה מ־00:10, 25 במרץ 2007
על מנת לשלב Javascript בדף ה-HTML שלנו אנחנו צריכים להשתמש באלמנט script של HTML. עקרון חשוב הוא הפרדת התנהגות מתוכן. כמו שמפרידים עיצוב מתוכן בעזרת אלמנט link שקורא ל-CSS, כך נוכל להשתמש באלמנט script על מנת לקרוא לקובץ Javascript, בלי שב-HTML שלנו תהיה שורת קוד Javascript אחת.
<script language="javascript" src="my_javascript_file.js"></script>
חובה להשתמש באלמנט סוגר, למרות שאין לאלמנט תוכן.
ניתן, אך מאוד לא מומלץ, לשלב 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("Message") --> </script>
די מסורבל לא? זה בגלל שהתוכן של אלמנט script מוגדר כ-PCDATA (Parsed Content Data). ה-Parsed רוצה לומר שהוא מפרש את התוכן שבתוך ה-script קודם כל כ-HTML ורק אחר-כך כ-Javascript.
על מנת להימנע מזה, ניתן לומר לדפדפן שלא יפרש את התוכן כ-PCDATA אלא כ-CDATA. ב-CDATA מרכאות וסימני גדול קטן >< אינם מפוענחים כ-HTML.
נכון
<script language="javascript"> <!-- <![CDATA[ alert("Message") >]] --> </script>
כעת ניתן לכתוב רגיל. די מסובך לא? עדיף לשים את הקוד בקובץ אחר ולהיפטר מכל הסיבוך הזה...