Thuộc tính href của đối tượng Location trong JavaScript
Định nghĩa và cách sử dụng
Thuộc tính href của đối tượng Location được dùng để lấy địa chỉ trang web (URL) mà bạn đang truy cập.
Hoặc thiết lập giá trị của URL hiện tại thành một giá trị khác (với công dụng là reload trang web bạn đang truy cập bởi một địa chỉ khác).
Cú pháp
Cú pháp 2:
Thiết lập giá trị của URL hiện tại thành một giá trị khác
Trong đó: "URL mới" có thể xác định theo kiểu đường dẫn tương đối, đường dẫn tuyệt đối hoặc liên kết trong.
location.href = "URL mới";Ví dụ, bạn đang truy cập một trang web ở địa chỉ http://webcoban.vn/javascript/baiviet1.php
- Nếu dùng đường dẫn tương đối location.href="../css/baiviet5.php" thì trang web mà bạn đang truy cập sẽ load thành http://webcoban.vn/css/baiviet5.php
- Nếu dùng đường dẫn tuyết đối location.href="http://webcoban.vn/html/baiviet3.php" thì trang web mà bạn đang truy cập sẽ load thành http://webcoban.vn/html/baiviet3.php
- Nếu dùng liên kết trong location.href="#tieude" thì trang web mà bạn đang truy cập sẽ load thành http://webcoban.vn/javascript/baiviet1.php#tieude
Bạn có thể sao chép đoạn mã bên dưới về máy tính để kiểm tra.
<!DOCTYPE html>
<html>
<body>
<button onclick="tuongdoi()">Đường dẫn tương đối</button>
<button onclick="tuyetdoi()">Đường dẫn tuyệt đối</button>
<button onclick="lienkettrong()">Liên kết trong</button>
<script>
function tuongdoi(){
location.href = "heading1/heading2/heading3";
}
function tuyetdoi(){
location.href = "http://webcoban.vn/javascript/default.html";
}
function lienkettrong(){
location.href = "#tieudebaiviet";
}
</script>
</body>
</html>