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
