Javascript - Đối tượng Location

Đối tượng Location trong JS

Đối tượng location chứa các thông tin về URL hiện tại (URL của trang web mà bạn đang truy cập)

Với việc truy cập vào các thuộc tính của đối tượng location, ta sẽ lấy được những thông tin của URL hiện tại như: giao thức, tên máy chủ, tên dường dẫn, chuỗi truy vấn, chỗ neo,....

 Dưới đây là danh sách các thuộc tính thường được sử dụng nhất của đối tượng location:

Thuộc tính Mô tả
href Trả về URL hiện tại
protocol Trả về giao thức của URL hiện tại
hostname Trả về tên máy chủ của URL hiện tại
pathname Trả về tên đường dẫn của URL hiện tại
search Trả về chuỗi truy vấn của URL hiện tại
hash Trả về chỗ neo (anchor) của URL hiện tại

Ngoài ra, đối tượng location còn cung cấp một số phương thức như:

Phương thức Mô tả
reload() Tải lại trang hiện tại
replace() Điều hướng trang hiện tại sang một trang khác
assign() Điều hướng trang hiện tại sang một trang khác

1. Lấy URL hiện tại

- Để lấy URL hiện tại, ta truy cập vào thuộc tính href của đối tượng location.

Ví dụ:

<script>
    var x = location.href;
    document.write(x);
</script>

Xem ví dụ

2. Lấy tên máy chủ của URL hiện tại

Để lấy tên máy chủ của URL hiện tại, ta truy cập vào thuộc tính hostname của đối tượng location.

Ví dụ:

<script>
    var x = location.hostname;
    document.write(x);
</script>

Xem ví dụ

3. Chuyển trang 

Để chuyển trang trong JS, ta truy cập vào thuộc tính href ame của đối tượng location.

Ví dụ:

<script>
 location.href ="http://www.google.com.vn"
</script>

Xem ví dụ

4. Tải lại trang hiện tại

- Để tải lại trang hiện tại, ta truy cập vào phương thức reload() của đối tượng location.

- Phương thức reload() có ý nghĩa giống như khi ta bấm vào nút "Tải lại trang này" trên trình duyệt.

Ví dụ:

<html>
<body>
    <button type="button" onclick="tai_lai_trang()">Tải lại trang</button>
    <script>
        function tai_lai_trang(){
            location.reload();
        }
    </script>
</body>
</html>

Xem ví dụ