كيفية تغيير محتويات شريط العنوان من خلال جافاسكربت

  • uid0

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

مثلا لو ان الزائر دخل الى الرابط

http://example.com

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

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

لهذا كيف يتم تنفيذ هذه الالية؟ وهل فقط يمكن تغيير الرابط الى رابط من نوع bookmark ام يمكن تغييره الى رابط اخر لصفحة اخرى مثلا؟

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

يتم تنفيذ هذا الأمر عن طريق History (تحديداً: pushState و replaceState) ضمن المتصفح ويمكن الوصول له عن طريق الجافاسكريبت.

يوجد مكتبة مفيدة لهذا الأمر تدعى: History.js (https://github.com/browsers... وهذه صفحة الأمثلة الخاصة بها:

http://browserstate.github....

إن أردت مزيداً من النتائج يمكنك البحث في غوغل عن:

change url without reloading

بالتوفيق.

كلام جميل والتطبيق هنا

ما كنت اقصده تم الاجابه عنه في SOF في سؤال لي هناك والحمد لله سالته هناك واجبته هناك واود مشاركته هنا لعله يفيد احدهم يوما ما

حيث تستطيع بواسطة الجافا سكربت تعديل الرابط الذي يظهر في شريط العنوان في المتصفح دون الحاجة لزيارة الرابط فعليا وهذا مفيد عندما نتعامل مع الاجاكس بكثرة ونود تغيير شريط العنوان في متصفح الزائر

-1

استخدم السطر هذا

                                    <script language="javascript" type="text/javascript">
                                       document.title = "page title name."; 
                                    </script>