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>
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>
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>
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>