Mojtaba Kiani Personal Blog

mojtaba @ ۱۰ تير ۱۳۸۵-۱۲:۳۱

چند نكته JavaScript

<div dir="rtl" align="justify">چند وقته روي يك برنامه تحت وب كار مي كنم كه تقريباً بايد همه كارها توش Client Side انجام بشه و در نتيجه تا دلتون بخواهد از عنصر نامأنوس و احمقانه JavaScript‌ بهره بردم. اما خوب اين سر و كله زدن باعث شد بتونم اين پست رو بدارم و چند تا نكته كه قبلاً نديده بودم را بگم شايد شما هم ندونيد و ياد بگيريد :</div> <div dir="rtl" align="justify">1- براي دريافت اينكه event‌ درحال انجام از طريق چه tag‌ اي ارسال شده مي تونيد از event.srcElement.tagName استفاده كنيد : مثلاً :</div> <div dir="ltr" align="left">if (event.srcElement.tagName=='TD'){</div> <div dir="ltr" align="left">event.srcElement.style.color='yellow';</div> <div dir="ltr" align="left">}</div> <div dir="rtl">نمونه خيلي جالب استفاده از اين دستور را مي تونيد <a target="_blank" href="http://www.dynamicdrive.com/dynamicindex11/cal.htm">اينجا</a> ببينيد.</div> <div dir="rtl"> </div> <div dir="rtl" align="justify">2- دو متد در آرايه ها هم وجود داره كه شايد خيلي پر كاربرد باشند. اول push كه براي ريختن اطلاعات در يك عضو از آرايه استفاده مي شه.</div> <div dir="rtl" align="justify"> و دومي <strong>([ <font size="2"><span class="OBJECT">Array.</span><span class="METHOD">splice</span><span class="ARGUMENT">(index, howMany, [element1][, ..., elementN </span></font></strong>كه هم براي اضافه كردن و هم براي حذف كردن اعضاء استفاده مي شه . به اين صورت كه <strong><font size="2">index </font></strong>اي را كه مي خواهيد عضوي را در آن اضافه يا عضوي را از آن حذف كنيد را نوشته  و در <font size="2"><strong>howMany </strong>تعداد عضوي از آن را كه بايد حذف شود مي نويسيد. در مواقعي كه قصد افزودن به آرايه را داشته باشيد اين مقدار را صفر وارد كنيد. و بعد اعضاي جديدي را كه مي خواهيد به آرايه اضافه شوند را به ترتيب بنويسيد. همچنين در صورت حذف اعضاء مقدار بازگشتي متد اعضاي حذف شده مي باشند. مثلاً :</font></div> <div dir="ltr" align="left"><font size="2"><font color="#800080">Code:</font> <br /></font><font color="#0000ff" size="2"><span class="CODE">cars = ["Mercedes", "Ford", "Chrysler", "Honda", "Volvo"] </span></font></div> <div dir="ltr" align="left"><font color="#0000ff" size="2"><span class="CODE">removed_cars=cars.splice(1,2);</span></font></div> <div dir="ltr" align="left"><font size="2"><span class="CODE"><font color="#0000ff">document.write(removed_cars + "<br />") ;<br />document.write(cars);</font></span> </font></div> <font size="2"> <div dir="ltr" align="left"><br /><font color="#339966"><font color="#800080">Output:</font> </font></div> <div dir="ltr" align="left"><font color="#339966"><span class="OUTPUT">Ford,Chrysler</span><br /><span class="OUTPUT">Mercedes,Honda,Volvo</span></font></div> <div dir="ltr" align="left"><font color="#000000"><span class="OUTPUT"></span></font> </div> <div dir="ltr" align="left"><font color="#000000"><span class="OUTPUT"></span></font> </div> <div dir="ltr" align="left"><font color="#000000"><span class="OUTPUT"><font color="#800080">Code: <br /></font><span class="CODE"><font color="#0000ff">cars = ["Mercedes", "Ford", "Chrysler", "Honda", "Volvo"] <br />cars.splice(1, 0, "Citreon") ;<br />document.write(cars)</font></span> ;<br /><font color="#800080"> <br />Output:</font> <br /><span class="OUTPUT"><font color="#339966">Mercedes,Citreon,<span class="OUTPUT">Ford,Chrysler,</span>Honda,Volvo</font></span></span></font></div> </font>

نظر|