www.dntips.ir
مطالب ۳۶۹۴
نویسندگان ۲۷۶
گروه‌های مطالب ۱۰۲۴
نقشه‌های راه ۱۱۹
دوره‌ها ۱۴
اشتراک‌ها ۱۷۹۱۴
عنوان:

‫فراخوانی بیشتر از یک بار "window.onload"


نویسنده: محسن نجف زاده
تاریخ: ۱۳۹۲/۰۴/۰۹ ۲۳:۱۴
آدرس: www.dntips.ir
با توجه به اینکه بهترین مکان برای load کردن کتابخانه‌های javascript  در انتهای صفحه می‌باشد (از جمله jquery.js )، چنانچه از کدهای jquery در میان صفحات استفاده نماییم، مطمئنا با خطا مواجه خواهیم شد.
راه کار اولیه که به ذهنم رسید قرار دادن کد‌ها در یک تابع جدید مانند کد زیر است :
function myfunc(){
    $('#test')....;
}
و سپس قرار دادن آن تابع در window.onload به صورت زیر
window.onload = myfunc;
اما چنانچه در صفحه بیشتر از یک بار این مقدار دهی صورت گیرد با خطا مواجه می‌شویم

و خلاصه اینکه در لینک برای این مسئله هم راه کار وجود دارد و آن :

window.addEventListener('load', myfunc1, false);
window.addEventListener('load', myfunc2, false);
...






مشاهده مطلب اصلی
مطالب مشابه

نظرات

  • وحید نصیری در ۱۳۹۲/۰۴/۰۹ ۲۳:۳۷
    - اگر از MVC استفاده می‌کنید، در فایل layout
    ...
    اینجا اسکریپت‌های عمومی قرار گیرند قبل از پایان فایل
    @RenderSection("JavaScript", false)
</body>
</html>
    به کمک RenderSection کلیه اسکریپت‌های inline فقط در همین مکان فراخوانی آن قرار می‌گیرند. به این ترتیب در Viewها فقط کافی است یک section به نام JavaScript اضافه کرد تا در این مکان درج شود.
    - در ASP.NET Web forms هم می‌شود این نظم رو پدید آورد. از ContentPlaceHolder استفاده کنید. یکی در master page تعریف شود دیگری در وب فرم به ارث رسیده از آن برای قرار دادن اسکریپت‌های خاص همان صفحه.
        ....  سایر قسمت‌های فایل مستر پیج
    <asp:ContentPlaceHolder id='PageScriptPlaceHolder' runat='server'>
    </asp:ContentPlaceHolder>
</body>
    حالا وب فرم شما فقط کافی است اسکریپت‌های خاص خودش را با ID فوق درج کنه
    <asp:Content ID='ScriptIncludes' runat='server'  ContentPlaceHolderID='PageScriptPlaceHolder'>
  اسکریپت‌های صفحه در اینجا
</asp:Content>
    • محسن نجف زاده در ۱۳۹۲/۰۴/۱۰ ۰:۶
      ممنون مهندس، آخه من بعضی از کدها جاوااسکریپت رو توی Helper ایجاد کردم (اسپاگتی کد :) ) .
      • وحید نصیری در ۱۳۹۲/۰۴/۱۰ ۰:۱۲
        میشه این اسکریپت‌های پویا رو به این Contentها هم تزریق کرد (اگر وب فرم است). اگر MVC است درج آن ساده‌تر است و با Html.Raw درج می‌شود.