پیشنهاد شگفت‌انگیز سبزلرن: 50% تخفیف خرید دوره بوت استرپ
مشاهده دوره
ثانیه
دقیقه
ساعت
روز
پرسش

چطور می‌تونم title یک صفحه وب رو به صورت داینامیک تغییر بدم؟

How to dynamically change a web page's title

من یه صفحه وب دارم که از تب‌های مختلف استفاده می‌کنه و محتوای هر تب بدون رفرش شدن صفحه نمایش داده می‌شه. حالا می‌خوام عنوان صفحه وب با توجه به تبی که کاربر انتخاب می‌کنه، تغییر کنه. چطور می‌تونم این کار رو با جاوااسکریپت انجام بدم بدون اینکه صفحه رفرش بشه؟

1403/06/06
پاسخ
محمدامین سعیدی راد
بیوگرافی محمدامین سعیدی راد

برای تغییر داینامیک عنوان یک صفحه وب، می‌تونی از جاوااسکریپت به‌راحتی استفاده کنی. کافیه از کد زیر استفاده کنی:

document.title = "New Title";

این کد عنوان صفحه رو به "New Title" تغییر می‌ده. همچنین، می‌تونی این کار رو به صورت داینامیک و با توجه به تب‌های مختلف انجام بدی. به‌عنوان مثال، وقتی کاربر روی یه تب کلیک می‌کنه، عنوان صفحه به صورت خودکار تغییر می‌کنه. برای اینکه تغییرات در SEO هم اعمال بشه، باید مطمئن بشی که کراولرها به جاوااسکریپت دسترسی دارن یا از تکنیک‌هایی مثل pushState در HTML5 استفاده کنی.

پاسخ: 1403/06/06
آخرین آپدیت: 1403/08/13