רציתי לדעת מה הדרך הנכונה/הטובה להפעיל javascript באמצעות תג <A>
אני משתמש כרגע בצורה:

קוד:

<A href="javascript:thefunc();">text</A>  

כמו כן ראיתי מספר לא מבוטל של אתרים שמשתמשים בצורה הבאה:

קוד:

<A href="#" onclick="thefunc();">text</A>  

באיזה דרך מומלץ יותר להשתמש ?

שלום,

מקובל להשתמש במשהו כזה:

קוד:

<a href="javascript:;" onclick="thefunc();">text</a> 

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

סתם הערה, עדיף לא להשתמש באותיות גדולות בטאגים (<a> ולא <A>). זה לא נתמך ב-XHTML.

a הוא תג של קישור. להשתמש בו כדי להריץ קוד javascript זה לא נכון סמנטית ברוב המקרים

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

אתה טועה,
השימוש ב-<a> הוא כדי להציג את הלינק כמו כל הקישורים באתר ללא שימוש מיותר בעוד style.
אני לא מתכוון רק להחלפת הסמן ליד, אלא לכל מה שהגדרת ב-stylesheet לתג <a> (לכל הלינקים).

כמובן שאין חובה להשתמש ב-<a> ואפשר "להוסיף אירועים לאלמנטים" כדברך בדרכים אחרות. אבל כך שומרים על אחידות באתר.

style='CURSOR: hand'

כן אבל אם אתה קובע שהקישורים שלך בצבע מסויים כאשר אתה עליהם הם בצבע אחר וכאשר ביקרת בכתובת זה צבע אחר אתה צריך להגדיר את זה שוב בכל קישור כזה (כמו yBaras אמר).

וחוץ מזה אני לא יודע למה אבל
style='CURSOR: hand'
לא עובד ב FireFox (לפחות לא לי).

הערך hand עובד רק ב-IE 5.5... בשביל לקבל תוצאה זהה בדפדפנים אחרים, כתוב cursor: pointer.
אתה יכול לכתוב את שניהם אחד אחרי השני (cursor: hand; cursor: pointer) בשביל שזה יעבוד גם ב-IE 5.5 וגם בשאר הדפדפנים.

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

<a> מהמילה Anchor שמשמעותה ב-HTML באמת קישור. קישור יכול להיות לדף אחר, למקום אחר בדף או לפונקציית JavaScript.


href משמעותו Hypertext REFerence, כאן אמורים לכתוב לאן הקישור. בדוגמה שלי כתבתי:

קוד:

href="javascript:;"

כדי להבהיר שהקישור הוא לסקריפט ולא לדף אחר. כמובן ש-href לא חובה ומספיק onclick, אבל אז לא נקבל את תצורת הקישורים באתר ולא נראה ב-Status לאן הקישור.

ציטוט:

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

השתיים הראשונים נכונים בהחלט, והאחרון לא נכון בהחלט. במקור הומצא הפסאודו פרוטוקול הלא רשמי הלא סטנדרטי ולא מועיל בגרוש javascript: כדי לטעון תוכן חדש לדף באמצעות javascript (לווא דווקא תוכן ממקור אחר, אלא תוכן אחר). שימוש ב javacript: בhref לא תואם אף סטנדרט, לא קיימת אף סכימת URI לזה, וזה לא תקני

למעשה, הדרך הנכונה היחידה לשימוש בjavascript בקישורים זה משהו ככה:

קוד:

 
<a href="uri" onclick="f();">semi link</a>
 

וגם זאת בתנאי שתפקידה של f הוא לטעון תוכן לדף (למשל בעזרת AJAX), לפתוח פופאפ, או פעולה דומה, והדף המוצבע על ידי uri מבצע פעולה מקבילה. (ושוב, inline event handlers זה לא הדרך המומלצת)

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

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

ודרך אגב, כבר עכשיו יש טיוטות בW3C שבהן זה לא תקני.

ציטוט:

כדי להבהיר שהקישור הוא לסקריפט ולא לדף אחר

למי ומה אתה מבהיר לא אכפת לא אחד. הקוד הזה לא טוב, ללא קשר לאיך הגולש מרגיש בקשר לזה.

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

http://www.456bereastreet.com/archi...ailed_redesign/
http://therealcrisp.xs4all.nl/blog/...seudo-protocol/
http://domscripting.com/book/sample/
http://www.webaim.org/techniques/hypertext/
http://www.thescripts.com/forum/thread168749.html
ויש עוד הרבה הרבה...אתה מוזמן לחפש