דפים בשיעור זה:
1: פתיחה
2: תוויות קוד JavaScript
3: פונקציות (וארגומנטים)
4: ארועים
5: הכל עובד יחד
|
|
|
|
|
|
| |
גניבת קוד
דף 2: תוויות קוד JavaScript.
על מנת שתוכל ללמוד כיצד להעתיק קוד JavaScript לשימושך, הבא נביט בקוד JavaScript שמחליף את צבע הרקע באופן רנדומלי, בכל פעם שהמשתמש מרענן את העמוד (או ניגש אליו שוב):
<html>
<head>
<script language="JavaScript">
<!-- hide from old browsers
function setBackgroundColor(color1, color2, color3, color4)
{
theColors = new Array(color1, color2, color3, color4);
var whichColor = Math.round(Math.random()*1000) % 4;
document.bgColor = theColors[whichColor];
}
// stop hiding -->
</script>
</head>
<body onLoad="setBackgroundColor('#ff0000','#00ff00','#ffff00','#3333ff');">
<font face="Arial, Helvetica, sans-serif" size="4">Hit Reload (or Refresh if you're using Internet Explorer) to see a new background. </font>
</body>
</html>
על מנת לראות ממש מה הקוד מבצע תוכל להביט בדוגמא הבאה ולהקיש על רענון מספר פעמים.
ישנם מספר דברים חשובים המתרחשים, אשר עלינו לשים אליהם לב. ראשית, נבחין ב- תוויות <script> (מודגשות באדום). תוויות אלו נועדו להבדיל את קוד ה- JavaScript מקוד ה- HTML הרגיל. כל מה שנמצא בין התווית <script> לתוויות <script/>, מפורש כקוד JavaScript. דפדפנים ישנים, אמורים פשוט להתעלם מכל מה שנמצא בין התוויות לעיל. אולם, במקרים מסוימים הם מציגים את כל מה שמופיע כטקסט רגיל. לכן, עדיף להכניס את כל קוד ה- JavaScript לתוך הערה, ע"י הוספת שורה תחילית כזו: "--!>" ושורה אחרונה שמתחילה ב- "//" ומסתיימת ב- "<--".
בלוק ה- JavaScript יכול להופיע בכל מקום בעמוד ה- HTML שלך, אולם, עליך לדעת כי הקוד יופעל בדיוק במקום שבו הוא נמצא. כלומר קוד JavaScript שיופיע בראש המסמך (<head>), בדר"כ יופעל לפני קוד שיופיע בגוף המסמך (<body>).
כעת, כשאתה יודע היכן אתה יכול למקם את קוד ה- JavaScript שלך (בכל מקום), הבא נביט במה שמתרחש בתוך הקוד.
חזור לתחילת הדף
לדף הבא «--
|
|
