ויקיספר

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

עיון אינטראקטיבי בהיסטוריה
→ העריכה הקודמתהעריכה הבאה ←
תוכן שנמחק תוכן שנוסף
חזותיקוד ויקי
הניסוח ממש בלבל אותי, אז ערכתי. התכונתי רק לשפר ניסוח, לא לשנות תוכן.
שימוש ב syntaxhighlight lang="javascript"
שורה 2:
על מנת לשלב Javascript בדף ה-HTML שלנו אנחנו צריכים להשתמש באלמנט script של HTML.
*'''ניתן לכתוב קוד JavaScript בתוך מסמך HTML''', תהליך זה בעייתי לדפדפנים ישנים. ולכן אם יש לכם דפדפן חדש (החל מ-Internet Explorer 5 או Firefox 2 או גרסאות חדשות של דפדפנים אחרים) אתם יכולים לכתוב פשוט (בזמן הלמידה):
<syntaxhighlight lang="javascript">
<pre style="direction:ltr;">
<script type="text/javascript">
...קוד javascript
</script>
</syntaxhighlight>
</pre>
תעברו ל[[Javascript/שורות קוד ראשונות|פרק הבא]] ותנסו...
 
*'''ניתן להפריד את קוד ה-JavaScript מקוד HTML:'''
לכתוב את הקוד הבא בין תגי head או body במסמך HTML.
<syntaxhighlight lang="javascript">
<pre style="direction:ltr;">
<script type="text/javascript" src="javascript_file.js"></script></syntaxhighlight>
</pre>
חובה להשתמש באלמנט סוגר, למרות שאין לאלמנט תוכן.
בדוגמא זו אנו פותחים קובץ חדש בשם (משהו.js סיומת נקודה-js לקובץ, כמו שלעמוד HTML יש סיומת נקודה-html או נקודה-htm) javascript_file.js, וכותבים בו קוד של javascript. בתוכן הקובץ מושמט ה- <"script type="javascript> ו- <script/> בגלל שאנחנו כבר לא בקובץ ה html שמיבא את הקובץ החדש.
דוגמא לקובץ החדש:
<syntaxhighlight lang="javascript">
 
<pre style="direction:ltr;">
<!--
alert("Message")
-->
</syntaxhighlight>
</pre>
'''הערה ליודעי CSS:''' הפרדה זו דומה להפרדת עיצוב מתוכן בעזרת אלמנט link שקורא ל-CSS, כך נוכל להשתמש באלמנט script על מנת לקרוא לקובץ Javascript, בלי שב-HTML שלנו תהיה שורת קוד Javascript אחת.
 
== תמיכה בדפדפנים ישנים ==
ניתן לשלב Javascript בתוך קובץ ה-HTML עצמו, אך אז אנו נתקלים במספר בעיות.
<syntaxhighlight lang="javascript">
<pre style="direction:ltr;">
<script type="text/javascript">
...קוד javascript
</script>
</syntaxhighlight>
</pre>
דפדפנים ישנים, עלולים לא להכיר את האלמנט script ולכן עלינו להסתיר את תוכן הקוד בהערות HTML
<syntaxhighlight lang="javascript">
 
<pre style="direction:ltr;">
<script type="text/javascript">
<!--
שורה 40 ⟵ 37:
-->
</script>
</syntaxhighlight>
</pre>
 
כאן לא תמו צרותינו. זוכרים שב-HTML אסור להשתמש במרכאות (") רגילות או כפולות, אלא להשתמש ביישויות בלבד? זה נכון גם כאן.
אוחזר מתוך "https://he.wikibooks.org/wiki/JavaScript/שילוב_במסמך_HTML"