ארועים .il



ארועים

ניתן בעזרת javascript לכתוב דפי אינטרנט דינמיים שמגיבים לארועים. ארועים יכולים להיות:

לחיצת עכבר

עליה או ירידה של דף אינטרנט

סמן העכבר מעל "נקודה חמה" בדף

לחיצה על משבצת קלט בטופס html

הגשה של טופס html

לחיצת מקש

דוגמאות:

Onmouseover הינו ארוע שסמן העכבר נמצא מעל נקודה חמה בדף.

Onmouseout הינו ארוע שבו סמן העכבר עוזב את הנקודה הזו.

לדוגמא, הדף הבא כותב "Hello World!" לשורת הסטטוס של דף האינטרנט (מצד שמאל למטה).

!>onmouseover.html <

Place your mouse here!

בכדי שהסימון "Hello World!" יופיע אך ורק כאשר הסמן נמצא מעל לנקודה החמה:

Place your mouse here!

Onclick הוא ארוע של לחיצת עכבר.

לדוגמא, בדף הבא עם לחיצה על הכפתור יופיע טקסט בשורת הסטטוס:

הדף הבא מעמיד למשתמש שלושה כפתורים, שלחיצה עליהם משנה את צבע הרקע.

אוביקט String

אם למשתנה ערך של מחרוזת, הוא למעשה אוביקט מסוג מחרוזת ולפיכך אפשר לקרוא עליו פונקציה חברה.

פונקציות החברה של String הם:

Anchor, big, blink, charAt, charCodeAt, concat, fixed, fontcolor, fontsize, fromCharCode, indexOf, italics, lastIndexOf, link, match, replace, search, slice, small, split, strike, sup, toLowercase, toUppercase, toSource, valueOf .

להלן הדגמות של הפונקציות היותר חשובות:

הפונקציה length

stringObject.length

הפונקציה length מחזירה אורך מחרוזת. מאחר ואין פרמטר אין כאן סוגריים.

var s1 = "12345678"

document.write("s1.length = " + s1.length )

תדפיס פלט:

s1.length = 8

פונקצית indexOf

stringObject.indexOf(searchvalue,fromindex)

פונקצית indexOf מחזירה את המיקום של המופע הראשון של מחרוזת הפרמטר בתוך מחרוזת האוביקט.

דוגמא לשימוש ב-indexOf

var str="Hello world!"

document.write(str.indexOf("Hello") + "")

document.write(str.indexOf("World") + "")

document.write(str.indexOf("world"))

תיתן פלט

0

-1

6

הפונקציה match

stringObject.match(searchvalue)

הפונקציה מחזורה את מחרוזת הפרמטר אם היא תת מחרוזת של מחרוזת האוביקט ו-null אחרת. לדוגמא,

var str="Hello world!"

document.write(str.match("ello") + "")

document.write(str.match("World") + "")

document.write(str.match("worlld") + "")

document.write(str.match("world!"))

תיתן פלט:

ello

null

null

world!

הפונקציה concat

משרשר מחרזות למחרוזת האוביקט ומחזיר את מחרוזת המתקבלות כתוצאת פונקציה.

לדוגמא הסקיפט

var str1="Hello "

var str2="world!"

document.write(str1.concat(str2))

תיתן פלט

Hello world!

הפונקציה replace

stringObject.replace(findstring,newstring)

מבצעת החלפת מחרוזת לפי מציאת התאמה לביטוי רגולרי. לדוגמא,

var str="Visit Microsoft!"

document.write(str.replace(/Microsoft/,"W3Schools"))

תיתן פלט

Visit W3Schools!

הפונקציה substr

stringObject.substr(start)

או

stringObject.substr(start,length)

מחזיר מחרוזת מאינדקס התחלה ואורך נתונים. אם אין פרמטר אורך אזי המחרוזת המוחזרת היא עד הסוף המקורית.

הפרמטרים חייבים להיות מספרים.

האינדקס של התו הראשון הוא תמיד 0.

לדוגמא,

var str="Hello world!"

document.write(str.substr(3,7) + "")

document.write(str.substr(4))

תיתן פלט

lo worl

o world!

הפונקציה substring

stringObject.substring(start)

או

stringObject.substring(start,stop)

מחזיר תת מחרוזת מנקודת התחלה לנקודת סיום. אם אין נקודת סיום אזי עד הסוף.

לדוגמא,

var str="Hello world!"

document.write(str.substring(3,7) + "")

תיתן פלט:

lo w

הפונקציה split

stringObject.split(separator)

או

stringObject.split(separator, howmany)

הפונקציה split מפרקת מחרוזת למערך של מחרוזות לפי פרמטר מחרוזת המציין את האלמנט המפריד. המערך המתקבל מוחזר כתוצאת פונקציה. במידה והפרמטר המפריד הוא המחרוזת הריקה הפיצול למערך יהיה אחרי כל תו.

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

לדוגמא, הסקריפט

var str="How are you doing today?"

document.write(str.split(" ") + "")

document.write(str.split("") + "")

document.write(str.split(" ",3))

יתן פלט

How,are,you,doing,today?

H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?

How,are,you

מערכים

פונקציות החברה של Array הם:

concat, join, pop, push, reverse, shift, slice, sort, toSource, toString, unshift, valueof

מערכים, כמו רוב האוביקטים ב-javascript, נוצרים בדרך כלל על ידי האופרטור new.

הדוגמאות הבאות ממחישות שימוש באוביקט המערך (ואוביקטים בשפה הזו באופן כללי):

var mycars=new Array()

mycars[0]="Saab"

mycars[1]="Volvo"

mycars[2]="BMW"

או

var mycars=new Array(3)

mycars[0]="Saab"

mycars[1]="Volvo"

mycars[2]="BMW"

או

var mycars=new Array("Saab","Volvo","BMW")

גודל מערך הוא דבר דינמי שניתן להגדילו ע"י השמה לאינדקס חדש.

קריאה/כתיבה לאיבר במערך הוא ע"י שימוש בסוגריים מרובעות ([]).

להלן מספר דוגמאות של שימוש במערכים ופונקצית החברה sort.

המיון של sort הוא בדרך כלל מיון מחרוזות (לקסיקוגרפי), כלומר שבירת שיוויונות לפי התו השונה הראשון, גם כשמדובר במספרים.

לדוגמא, הסקריפט הבא

var arr = new Array(6)

arr[0] = 129

arr[1] = 79

arr[2] = 102

arr[3] = 213

arr[4] = 342

arr[5] = 99

document.write(arr + "")

document.write(arr.sort())

יתן פלט:

129,79,102,213,342,99

102,129,213,342,79,99

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

לדוגמא, הסקריפט

var arr = new Array(6)

function sortNumber(a,b)

{

return a - b

}

arr[0] = 129

arr[1] = 79

arr[2] = 102

arr[3] = 213

arr[4] = 342

arr[5] = 99

document.write(arr + "")

document.write(arr.sort(sortNumber))

יתן פלט

129,79,102,213,342,99

79,99,102,129,213,342

הדבר היה נכוןן גם אם שמנו מרכאות מסביב למספרים.

לדוגמא, הסקריפט

var arr = new Array(6)

function sortNumber(a,b)

{

return a - b

}

arr[0] = "129"

arr[1] = "79"

arr[2] = "102"

arr[3] = "213"

arr[4] = "342"

arr[5] = "99"

document.write(arr + "")

document.write(arr.sort()+ "")

document.write(arr.sort(sortNumber))

יתן פלט

129,79,102,213,342,99

102,129,213,342,79,99

79,99,102,129,213,342

וכמובן אפשר למין מחרוזות רגילות

לדוגמא הסקריפט

var arr = new Array(6)

arr[0] = "Jani"

arr[1] = "Hege"

arr[2] = "Stale"

arr[3] = "Kai Jim"

arr[4] = "Borge"

arr[5] = "Tove"

document.write(arr + "")

document.write(arr.sort())

יתן פלט

Jani,Hege,Stale,Kai Jim,Borge,Tove

Borge,Hege,Jani,Kai Jim,Stale,Tove

................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download