Có rất nhiều cách để có thể lấy được url của trang hiện tại trên website. Hôm nay mình xin giới thiệu chi tiết về các 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 current url.
[c]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.[/c]
Để hiểu rõ hơn chúng ta cùng xét qua một ví dụ:
http:// www. phonho.net:8082/index.php?id=51#top
Đầu tiên chúng ta sẽ get url ở trang hiện tại bằng javasrcript:
[c]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[/c]
Còn dưới đây là jQuery:
[c]$(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[/c]
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. Nếu có thắc mắc hoặc yêu cầu gì bạn cứ comment ngay tại bài viết này mình sẽ giải đáp.
![[ON]](/assets/images/on.gif)
![[OFF]](/assets/images/off.gif)