Thứ Ba, 30 tháng 10, 2018

JavaScript - Chuyển hướng trang

Chuyển hướng trang là gì

Bạn có thể đã gặp phải một tình huống mà bạn đã nhấp vào một URL để đến trang X nhưng nội bộ bạn đã được chuyển đến một trang Y. Điều đó xảy ra do chuyển hướng trang . Khái niệm này khác với Làm mới trang JavaScript .

Có thể có nhiều lý do khác nhau khiến bạn muốn chuyển hướng người dùng từ trang gốc. Chúng tôi liệt kê một vài lý do

Bạn không thích tên miền của mình và bạn đang chuyển sang tên miền mới. Trong trường hợp như vậy, bạn có thể muốn hướng tất cả khách truy cập của mình đến trang web mới. Tại đây, bạn có thể duy trì miền cũ của mình nhưng đặt một trang duy nhất có chuyển hướng trang sao cho tất cả khách truy cập miền cũ của bạn có thể đến miền mới của bạn.

Khóa học java miễn phí
Khóa học java miễn phí
Bạn đã xây dựng các trang bằng lâp trình java khác nhau dựa trên phiên bản trình duyệt hoặc tên của chúng hoặc có thể dựa trên các quốc gia khác nhau, thay vì sử dụng chuyển hướng trang phía máy chủ, bạn có thể sử dụng chuyển hướng trang phía máy khách để đưa người dùng của bạn lên trang thích hợp.

Công cụ tìm kiếm có thể đã lập chỉ mục các trang của bạn. Nhưng trong khi chuyển sang miền khác, bạn sẽ không muốn mất khách truy cập của mình thông qua công cụ tìm kiếm. Vì vậy, bạn có thể sử dụng chuyển hướng trang phía máy khách. Nhưng hãy ghi nhớ điều này không nên được thực hiện để đánh lừa các công cụ tìm kiếm, nó có thể dẫn trang web của bạn bị cấm.

Link đăng ký : Khóa học java miễn phí.

Cách hoạt động của Re-direction Page?

Việc triển khai Page-Redirection như sau.

Việc chuyển hướng trang bằng cách sử dụng JavaScript ở phía máy khách khá đơn giản. Để chuyển hướng khách truy cập trang web của bạn đến một trang mới, bạn chỉ cần thêm một dòng vào phần đầu của bạn như sau.
<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>

Đầu ra

Ví dụ 2

Bạn có thể hiển thị thông báo thích hợp cho khách truy cập trang web của mình trước khi chuyển hướng họ đến một trang mới.

Điều này sẽ cần một chút thời gian trễ để tải một trang mới. Ví dụ sau đây cho thấy cách thực hiện tương tự.

Ở đây setTimeout () là một hàm JavaScript tích hợp có thể được sử dụng để thực thi một hàm khác sau một khoảng thời gian nhất định.
<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>

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

Ví dụ 3

Ví dụ sau cho thấy cách chuyển hướng khách truy cập trang web của bạn vào một trang khác dựa trên trình duyệt của họ.
<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>

Không có nhận xét nào:

Đăng nhận xét

Lập trình Java - Ngoại lệ

Một ngoại lệ (hoặc sự kiện đặc biệt) là một vấn đề phát sinh trong quá trình thực hiện chương trình. Khi xảy ra Ngoại lệ , luồng bình thường...