آموزش جاوا اسکریپت

آموزش جاوا اسکریپت - تغییر مسیر صفحه با Page Redirection

Page Redirection (تغییر مسیر صفحه) چیست؟

ممکن است برای شما هم اتفاق افتاده باشد که برای رسیدن صفحهX بر روی URL  کلیک کرده اید اما به صفحه دیگری مانند Y هدایت شدید. این عمل با استفاده از Page Redirection اتفاق می افتد و این مفهوم با Page Refresh متفاوت است.

دلایل مختلفی برای تغییر مسیر کاربران از سایت اصلی وجود دارد. که برخی از این دلایل را در زیر مشاهده می کنید.

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

Page Redirection (تغییر مسیر صفحه) چگونه کار می کند؟

پیاده سازی Page-Redirection به شرح زیر است:

مثال 1

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

<html>
   <head>
      
      <script type="text/javascript">
         <!--
            function Redirect() {
               window.location="http://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>

خروجی

 

مثال 2

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

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

خروجی

 

مثال 3

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

<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>
در صورتی که سوال و یا نظری دارید، از بخش نظرات با ما در میان بگذارید.

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

شما چه نظر و یا سوالی درباره این نوشته دارید؟

مبحث آموزشی

آموزش جاوا اسکریپت

Learn JavaScript

سرفصل ها

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

کلیک کنید و سوالات خود را از ما بپرسید
لطفا فرم سوال را پر کنید

سوال شما با موفقیت ثبت شد. برای اینکه بتوانیم به شما اطلاع رسانی کنیم، موارد زیر را وارد کنید:

لطفا چند لحظه منتظر بمانید ...