[ad_1]
أهلاً بكم،
أرى هذا في المزيد والمزيد من مواقع الويب: تنقر على رابط ويصبح عنوان URL في المتصفح هو ما تم تعيين جزء href الخاص بالارتباط عليه، لكن المتصفح لا يعيد تحميل الصفحة. أعرف كيف يمكن القيام بذلك باستخدام جافا سكريبت، ولكن لا يبدو أن هذا هو الحال هنا:
حاول النقر على حلقة مختلفة وشاهد الأرقام الموجودة في نهاية عنوان URL تتغير.
وكيف تحقيق ذلك؟ عندما أنظر إلى كود HTML يبدو أنه مجرد رابط href عادي – وهو النوع الذي يؤدي عادةً إلى إعادة تحميل الصفحة بأكملها. وعندما قلت إنني أعرف كيفية القيام بذلك باستخدام JavaScript، فهذا ليس دقيقًا تمامًا، لأنه عندما أفعل ذلك، أقوم ببساطة بإضافة مستمع حدث النقر إلى زر (أو أي شيء آخر غير رابط a-href) ولا يمكنني سوى قم بتحديث رؤوس استعلام GET (الأشياء الموجودة بعد ? في عنوان URL).
هل يمكن أن يتم ذلك باستخدام HTML فقط؟ إذا لم يكن الأمر كذلك، فما هو مثال جافا سكريبت البسيط؟
ما حاولت:
حاولت النظر في ثلاثة أسئلة/مقالات مختلفة على هذا الموقع.
قم بتحديث البيانات عندما ينقر المستخدم على الرابط، ولكن دون تحديث/نشر الصفحة مرة أخرى[^]
تحديث عنوان URL للمتصفح دون إعادة التحميل[^]
الحل 1
ما تلاحظه هو شيء يسمى توجيه جافا سكريبت[^]. لدى JS الآن طريقة لاعتراض التغييرات في عنوان URL وإجراء التغييرات على الشاشة وفقًا لذلك.
تدعم أطر عمل JS للواجهة الأمامية الشهيرة التوجيه، مثل:
[ad_2]
コメント