اذهب إلى المحتوى
عرض بداية عام 2025: احصل على دورتين بسعر دورة واحدة ×
  • 0

انا مبتدء في تطوير المواقع اريد عند فتح الصفحه يتم تنفيذ شئ معين

زياد احمد محمود

بواسطة زياد احمد محمود

 مشاركة

السؤال

4 أجوبة على هذا السؤال

Recommended Posts

  • 1
Khaled Osama3 عضو نشيط

Khaled Osama3

نشر
نشر

يمكنك استخدام الدالة window.onload أو استخدام الحدث DOMContentLoaded الذي ينتظر تحميل DOM الصفحة بالكامل قبل تنفيذ الكود.

إليك مثال بسيط على كيفية استخدام window.onload: 

window.onload = function() {
    // كود JavaScript الذي تريد تنفيذه عند تحميل الصفحة
    console.log('تم تحميل الصفحة بنجاح!');
    // يمكنك استدعاء أي دالة هنا
    myFunction();
};

function myFunction() {
    // منطق الدالة الذي تريد تنفيذه
    console.log('تم تنفيذ دالة myFunction.');
}

وهذا مثال آخر باستخدام DOMContentLoaded: 

document.addEventListener('DOMContentLoaded', function() {
    // كود JavaScript الذي تريد تنفيذه عندما يكون DOM جاهزًا
    console.log('DOM جاهز الآن للتفاعل معه!');
    // يمكنك استدعاء أي دالة هنا
    myFunction();
});

function myFunction() {
    // منطق الدالة الذي تريد تنفيذه
    console.log('تم تنفيذ دالة myFunction.');
}

الفرق بين الاثنين هو أن window.onload ينتظر تحميل كل شيء بما في ذلك الصور وأوراق الأنماط، بينما DOMContentLoaded ينتظر فقط تحميل HTML وبناء DOM.

يمكنك اختيار الطريقة التي تناسبك أكثر حسب ما تريد أن تفعله الدالة عند تحميل الصفحة.

 

  • أعجبني 1
  • 1
Taha Khaled2 عضو نشيط

Taha Khaled2

نشر
نشر

يعتبر تنفيذ شيء معين عند فتح صفحة الويب من الأمور الشائعة في تطوير الويب. يمكن استخدام هذه الوظيفة لتحقيق مجموعة متنوعة من الأهداف، مثل تحميل بيانات من قاعدة البيانات، أو تشغيل تأثيرات رسومية، أو عرض رسالة ترحيب

1. تضمين الجافاسكريبت في صفحة الويب
 لنبدأ بتضمين الجافاسكريبت في صفحة الويب. يمكنك القيام بذلك باستخدام الوسم <script> في الجزء السفلي من صفحة HTML.
  

<!DOCTYPE html>
<html>
<head>
    <title>صفحة الويب الرئيسية</title>
</head>
<body>
    <!-- محتوى الصفحة -->

    <script>
        // هنا يمكنك كتابة الجافاسكريبت لتنفيذ شيء معين عند فتح الصفحة.
    </script>
</body>
</html>

2. كتابة كود الجافاسكريبت

هذه مثال علي كتابة الكود اللذي سيتم تنفيذه عند فتح الصفحه علي سبيل المثال سنبدأ بعرض رسالة ترحيب. 

<script>
    // عند تحميل الصفحة، سيتم تنفيذ هذا الكود
    window.onload = function() {
        alert("مرحبًا بك في صفحتنا الرئيسية!");
    };
</script>

عند فتح الصفحة، سيظهر نافذة تنبيه تحتوي على رسالة ترحيب.

3. تنفيذ الأمور الشائعة
الآن، دعونا نركز على تنفيذ بعض الأمور الشائعة عند فتح الصفحة . مثال للكود خاص باستدعاء endpoint من مصدر خارجي 

  

<script>
    window.onload = function() {
        // استخدم fetch لاسترجاع بيانات من مصدر خارجي
        fetch('https://api.example.com/data')
            .then(response => response.json())
            .then(data => {
                // اعرض البيانات في الصفحة
                document.getElementById('data-container').innerText = JSON.stringify(data);
            });
    };
</script>



 


 

  • أعجبني 1
  • 0
عبدالباسط ابراهيم عضو نشيط

عبدالباسط ابراهيم

نشر
نشر

بالإضافة أيضاً للتعليقات السابقه إذا كنت تستخدم  مكتبة jQuery يمكنك استخدام الكود التالي 

$(document).ready(function() {
  // اكتب الكود الخاص بك هنا
});

يمكن أيضاً استخدام الخاصية defer: 

<script src="myscript.js" defer></script>

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

×
 مشاركة
اذهب إلى قائمة الأسئلة

  • إعلانات

  • تابعنا على



×
×
  • أضف...