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

زياد احمد محمود · 4 فبراير

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

Khaled Osama3 · 4 فبراير

يمكنك استخدام الدالة 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.

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

Taha Khaled2 · 4 فبراير

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

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>

عبدالباسط ابراهيم · 4 فبراير

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

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

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

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

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

السؤال

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

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

Recommended Posts

Khaled Osama3

Taha Khaled2

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

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية