JavaScript - Sayfa Yönlendirme

Sayfa Yönlendirme nedir?

Bir X sayfasına ulaşmak için bir URL'yi tıkladığınız, ancak dahili olarak başka bir Y sayfasına yönlendirildiğiniz bir durumla karşılaşmış olabilirsiniz. Bunun nedeni page redirection. Bu kavram, JavaScript Sayfa Yenileme'den farklıdır .

Bir kullanıcıyı orijinal sayfadan yönlendirmek istemenizin çeşitli nedenleri olabilir. Sebeplerden birkaçını listeliyoruz -

Etki alanınızın adını beğenmediniz ve yenisine geçiyorsunuz. Böyle bir senaryoda tüm ziyaretçilerinizi yeni siteye yönlendirmek isteyebilirsiniz. Burada eski etki alanınızı koruyabilir, ancak tüm eski etki alanı ziyaretçilerinizin yeni etki alanınıza gelebilmesi için sayfa yönlendirmeli tek bir sayfa koyabilirsiniz.
Tarayıcı sürümlerine veya adlarına göre çeşitli sayfalar oluşturdunuz veya farklı ülkeleri temel alıyor olabilirsiniz, ardından sunucu tarafı sayfa yönlendirmenizi kullanmak yerine, kullanıcılarınızı uygun sayfaya yönlendirmek için istemci tarafı sayfa yönlendirmesini kullanabilirsiniz.
Arama Motorları sayfalarınızı önceden dizine eklemiş olabilir. Ancak başka bir alana geçerken, arama motorları aracılığıyla gelen ziyaretçilerinizi kaybetmek istemezsiniz. Böylece, istemci tarafı sayfa yönlendirmeyi kullanabilirsiniz. Ancak bunun arama motorunu kandırmak için yapılmaması gerektiğini unutmayın, sitenizin yasaklanmasına neden olabilir.

Sayfa Yeniden Yönlendirme Nasıl Çalışır?

Sayfa Yeniden Yönlendirme uygulamaları aşağıdaki gibidir.

örnek 1

İstemci tarafında JavaScript kullanarak bir sayfa yönlendirmesi yapmak oldukça basittir. Site ziyaretçilerinizi yeni bir sayfaya yönlendirmek için, baş bölümünüze aşağıdaki gibi bir satır eklemeniz yeterlidir.

<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>

Çıktı

Örnek 2

Site ziyaretçilerinizi yeni bir sayfaya yönlendirmeden önce onlara uygun bir mesaj gösterebilirsiniz. Bu, yeni bir sayfa yüklemek için biraz gecikmeye ihtiyaç duyar. Aşağıdaki örnek, aynısının nasıl uygulanacağını gösterir. BurayasetTimeout() belirli bir zaman aralığından sonra başka bir işlevi çalıştırmak için kullanılabilen yerleşik bir JavaScript işlevidir.

<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>

Çıktı

You will be redirected to tutorialspoint.com main page in 10 seconds!

Örnek 3

Aşağıdaki örnek, site ziyaretçilerinizi tarayıcılarına bağlı olarak farklı bir sayfaya nasıl yönlendireceğinizi gösterir.

<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>