صفحه اصلی » پایگاه دانش » javascript » مبانی جاوا اسکریپت » تغییر مسیر صفحه (Page Redirection) در جاوا اسکریپت

فهرست آموزش javascript

تغییر مسیر صفحه (Page Redirection) در جاوا اسکریپت

۱۳۹۸/۰۹/۱۲ ۱۰۸

ممکن است با موقعیتی روبرو شده باشید که برای رسیدن به صفحه X روی آدرسی کلیک کنید، اما در اصل به صفحه Y هدایت شوید. این اتفاق به دلیل تغییر مسیر صفحه رخ می دهد. این مفهوم با Page Refresh جاوا اسکریپت تفاوت دارد.

دلایل گوناگونی برای اینکه شما بخواهید کاربر را از صفحه اصلی به صفحه دیگری هدایت کنید، وجود دارد. تعدادی از این دلایل در لیست زیر آمده است:

  • نام دامنه خود را دوست ندارید و سایت را به دامنه دیگری انتقال داده اید. در چنین موقعیتی می خواهید تمام بازدید کنندگان را به آدرس جدید سایت هدایت کنید. در این حالت می توانید دامنه قدیمی خود را نگه دارید اما یک صفحه برای تغییر مسیر صفحه قرار م یدهید که تمام بازدید کنندگان قدیمی دامنه شما بتوانند به دامنه جدید بیایند.
  • صفحات گوگناگونی بر اساس ورژن های مروگر یا اسم آنها یا بر اساس کشورهای مختلف ساخته اید، سپس به جای استفاده از تغییر مسیر صفحه در سمت سرور، میتوانید از تغییر مسیر صفحه در سمت مشتری استفاده کنید تا کاربران شما به صفحه مناسب راهنمایی شوند.
  • ممکن است موتور جستجو صفحات شما را در لیست خود داشته باشد. اما هنگام جابجایی به دامنه دیگر نمی خواهید کاربرانی که از طریق موتور جستجو از صفحات شما بازدید می کنند را از دست بدهید. پس می توانید از تغییر مسیر صفحه در سمت مشتری استفاده کنید. اما باید این نکته را به خاطر داشته باشید که این کار نباید برای گمراه کردن موتور جستجو انجام شود. چون می تواند باعث توقیف سایت شما شود.

روش کار تعین مسیر صفحه چگونه است؟

اجرای تغییر مسیر صفحه بصورت زیر است:

مثال۱:

تغییر مسیر (Page Redirection) صفحه با استفاده از سمت مشتری در جاوا اسکریپت بسیار ساده است. برای هدایت بازدید کنندگان سایت شما به یک صفحه جدید، فقط لازم است یک خط به بخش head بصورت زیر اضافه کنید:

<html>
   <head>
      <script type = "text/javascript">
         <!--
            function Redirect() {
               window.location = "https://www.tutorialspoint.com";
            }
         //-->
      </script>
   </head>
   
   <body>
      <p>Click the following button, you will be redirected to home page.</p>
      
      <form>
         <input type = "button" value = "Redirect Me" onclick = "Redirect();" />
      </form>
      
   </body>
</html>

خروجی:

با کلیک بر روی دکمه به صفحه مشخص شده در کد هدایت خواهید شد.

مثال ۲:

می توانید قبل از هدایت بازدیدکنندگان به صفحه جدید، پیامی مناسب به آنها نشان دهید. ممکن است کمی زمان نیاز داشته باشد تا صفحه جدید بارگذاری شود. مثال زیر نشان می دهد چطور می توانید این کار را اجرا کنید. در اینجا setTimeout() یک تابع جاوا اسکریپت داخلی است که می تواند برای اجرای تابع دیگری بعد از گرفتن فاصله زمانی استفاده شود.

<html>
   <head>
      <script type = "text/javascript">
         <!--
            function Redirect() {
               window.location = "https://www.tutorialspoint.com";
            }            
            document.write("You will be redirected to main page in 10 sec.");
            setTimeout('Redirect()', 10000);
         //-->
      </script>
   </head>
   
   <body>
   </body>
</html>

خروجی:

شما بعد از ۱۰ ثانیه به صفحه مشخص شده هدایت خواهید شد.

مثال ۳:

مثال زیر نشان میدهد چطور بازدید گنندگان سایت خود را به صفحه دیگری بر اساس مرورگرشان هدایت کنید.

<html>
   <head>     
      <script type = "text/javascript">
         <!--
            var browsername = navigator.appName;
            if( browsername == "Netscape" ) {
               window.location = "http://www.location.com/ns.htm";
            } else if ( browsername =="Microsoft Internet Explorer") {
               window.location = "http://www.location.com/ie.htm";
            } else {
               window.location = "http://www.location.com/other.htm";
            }
         //-->
      </script>      
   </head>
   
   <body>
   </body>
</html>

 

دانشجویار نماد اعتماد به دانشجویار مجوز نشر دیجیتال لوگو شرکت به پرداخت ملت logo-samandehi مجوز سازمان فنی حرفه ای کشور