تخفیفات ویژه بهار ۱۳۹۹ تاپایان: جمعه ۹ خرداد ۱۳۹۹
بزن بریم فروشگاه

ریدایرکت صفحه در جاوا اسکریپت

آموزش ریدایرکت یا redirect در زبان جاوا اسکریپت

 

ریدایرکت در جاوا اسکریپت :

 

ریدایرکت به معنی ارجاع صفحه ی جاری مرورگر به یک آدرس دیگر میباشد برای مثال اگر کاربر در صفحه ی X باشد با جاوا اسکریپت میتوان او را به صفحه ی Y هدایت کرد که به این عمل ریدایرکت صفحه گفته میشود . 

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

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

 

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

 

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

 

مثال 1 : 

 

در این مثال به سادگی هر چه تمام تر ، در سمت مرورگر کاربر یک ریدایرکت یا ارجاع به صفحه ی دیگری رخ میدهد 

نمونه کد در زیر آمده است 

<html>
   <head>
      <script type = "text/javascript">
         <!--
            function Redirect() {
               window.location = "https://www.avasam.ir";
            }
         //-->
      </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 : 

 

میتوانید بعد از نمایش یک پیام به کاربر عمل ریدایرکت به صفحه ی دیگر را انجام دهید . البته در این حالت کاربر کمی منتظر میماند و ممکن است از مثال 1 کمی کندتر عمل کند . در این مثال از تابع setTimeout() استفاده کردیم که باعث میشود یک کار خاص بعد از یک مدت خاصی اجرا شود 

نمونه کد در زیر آمده است .

<html>
   <head>
      <script type = "text/javascript">
         <!--
            function Redirect() {
               window.location = "https://www.avasam.ir";
            }            
            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>

 

. اتمام .