Lấy thông tin URL hiện tại bằng JavaScript

Có rất nhiều cách để có thể lấy được url của trang web hiện tại đang truy cập. Sau đay mình xin giới thiệu về vài thuộc tính cũng như những hàm của Javascript và jQuery giúp chúng ta có thể lấy được thông tin về Url hiện tại.

window.location là một hàm chỉ đọc (read-only) sẽ trả về giá trị là Location object bao gồm những thông tin về vị tri hiện tại trên Website.

Để hiểu rõ hơn chúng ta cùng xét qua một Url như sau:

http://www.phonho.net:8082/index.php?id=51#top

Javascript

window.location.host;
// www.phonho.net:8082

window.location.hostname;
// www.phonho.net

window.location.port;
// 8082

window.location.protocol;
// http

window.location.pathname;
// index.php

window.location.href;
// http://www.phonho.net:8082/index.php?id=51#top

window.location.hash;
// #top

window.location.search;
// ?id=51

JQuery

$(location).attr('host');
// www.phonho.net:8082

$(location).attr('hostname');
// www.phonho.net

$(location).attr('port');
// 8082

$(location).attr('protocol');
// http

$(location).attr('pathname');
// index.php

$(location).attr('href');
// http://www.phonho.net:8082/index.php?id=51#top

$(location).attr('hash');
// #top

$(location).attr('search');
// ?id=51

Với bài hướng dẫn ngắn này hi vọng sẽ giúp ích cho các bạn trong lúc thiết kế trang web.

Nguồn: hanhphucao - Vdevs.Net