Thứ Sáu, Tháng Ba 29, 2024

Code chuyển hướng trang web bằng javascript (Sưu tầm)

Cách chuyển hướng đến một trang web khác bằng JavaScript

Đã bao giờ ác bạn gặp tình huống khi chúng ta nhấp vào một URL để truy cập trang A nhưng bên trong chúng ta lại được chuyển đến một trang khác là B. Điều đó xảy ra do trang web A sử dụng phương pháp chuyển hướng trang

Chúng ta có thể chuyển hướng một trang web đến một trang khác theo một số cách bao gồm chuyển hướng phía máy chủ ( sử dụng php, .htaccss), chuyển hướng làm mới meta HTML và chuyển hướng JavaScript.


Trong bài viết này tôi sẽ tổng hợp một số cách giúp bạn chuyển hướng trang web bằng javascript dễ dàng và hiệu quả trong mọi trường hợp

1 .Điều hướng chuyển trang trực tiếp bằng JavaScript

– Để điều hướng khách truy cập tới một trang web mới, bạn chỉ cần thêm một dòng code trong khu vực head của trang web bạn như sau:

<script>
window.location.replace("http://youdomain.com");
</script>

– Khi đó khi truy cập site sẽ được chuyển sang website http://youdomain.com

2. Chuyển hướng nếu trua cập của bạn từ mobile

Chuyển hướng mobile theo kích thước màn hình

<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "http://m.youdomain.com";
}
//-->
</script>

*** nếu bạn muốn sử dụng mã này, hãy thay đổi giá trị độ rộng màn hình (screen.width), và giá trị URL TRANG WEB DI ĐỘNG CỦA BẠN theo yêu cầu của bạn.

Chuyển hướng mobile theo userAgent cụ thể

<script type="text/javascript">
  var isMobile = function() {
   		return /(iphone|ipod|ipad|android|blackberry|windows ce|palm|symbian)/i.test(navigator.userAgent);
 	};
var path = document.location.pathname;
if(isMobile()) {
  window.location.href = 'http://m.youdomain.com' + path;
}	
</script>

Thay thế m.youdomain.com thành domain của bạn để kiểm tra hiệu quả.
Các truy cập sẽ giữ nguyên các truy vấn đằng sau domain cũ.

3. Chuyển hướng trang có điều kiện ngôn ngữ của trình duyệt

<script type="text/javascript">
var SITE_URL='http://youdomain.com';
sysLanguage=navigator.systemLanguage?navigator.systemLanguage:navigator.language;
if(sysLanguage == 'th' || sysLanguage == 'id' || sysLanguage == 'vi' || sysLanguage == 'ja' || sysLanguage == 'tr' || sysLanguage == 'zh-cn' || sysLanguage == 'zh-CN'){ 
window.location.href=SITE_URL+'/offline.html'; }
</script>

Ở đây khi ngôn ngữ của trình duyệt của bạn là thái lan, indo, vietnam, trung quốc, nhật bản thì website của bạn sẽ tự động chuyển hướng đến trang youdomain.com/offline.html rất đơn giản phải không các bạn.
Bạn có thể tùy biến trang theo cách trang web hiển thị nhiều ngôn ngữ theo ngôn ngữ trình duyệt hoặc cấm người dùng ở trình duyệt ngôn ngữ khác xem website của mình.

4. Chuyển hướng trang web theo cách chặn referrer:

Chặn referrer từ các trang web cụ thể

Cách chuyển hướng này sẽ chặn referrer cụ thể vào trang web của bạn và chuyển hướng truy cập sang trang khác mà bạn cài đặt.

<script type='text/javascript'>
  var block = /^(?:http|https):\/\/([a-z0-9][a-z0-9-]*\.){0,}(domain1.com|domain2.com|domain3)\..*/i;
for (var b = block.length; b--;) {
    if (document.referrer.match(block[b]))
        window.location = 'http://google.com';
}
</script>

ở đây khi người dùng truy cập vào link trang web của bạn từ link domain1.com hoặc domain2, domain3 thì truy cập sẽ bị chuyển hướng sang google.com

Chặn referrer từ các công cụ tìm kiếm

<script>
var regexp=/\.(google|yahoo|bing|biso|ask|ifeng|ivc|sooule|niuhu|biso|search|uk)(\.[a-z0-9\-]+){1,2}\//ig;
var where =document.referrer;
if(regexp.test(where))
{
window.location.href="http://youdomain.com/";
}
</script>

5. Lời kết

Các cách chuyển hướng trang web bằng javascript trên là các code mình sưu tầm được trên mạng. Mình vẫn đang sử dụng và cảm thấy cách sử dụng javascript chuyển hướng khá là đơn giản và hiệu quả. Các bạn có góp ý hay thắc mắc hãy để comment phía dưới để bài viết được hoàn thiện hơn( Bài viết sẽ còn cập nhật ). Xin cảm ơn các bạn đọc và chia sẻ !

 

*** Lưu ý : Tất cả các Code chuyển hướng trang web bằng javascript ở trên được đặt trong phần đầu thẻ head của trang web bạn muốn chuyển hướng

 

Tống Phương
Tống Phươnghttps://1ktut.com/
Chào các bạn. Tôi là Phương Tống – CEO & Founder của 1ktut. Mình thích tìm hiểu về WordPress, Domain, Hosting, VPS. Blog này tôi chia sẻ các kinh nghiệm cá nhân đã gặp và học được. Rất vui khi bạn đọc được dòng này - Cảm ơn bạn đã ghé thăm Blog của tôi !

Latest news

Related news

Theo dõi
Thông báo của
guest

0 Góp ý
Phản hồi nội tuyến
Xem tất cả bình luận

Bình luận bài viết

  • Tất cả comment của bạn đều được kiểm duyệt cẩn thận!
  • Hãy dùng tên của bạn khi comment, không sử dụng keyword trong tên Comment (Name). Xin cảm ơn !
0
Rất thích suy nghĩ của bạn, hãy bình luận.x