Thuộc tính href của đối tượng Location trong HTML DOM trả về hoặc thiết lập chuỗi tương ứng với đường dẫn URL hoàn chỉnh.
Cú pháp
Lấy giá trị thuộc tính href
location.href
Thiết lập giá trị thuộc tính href
location.href = href
Ví dụ
Dưới đây là ví dụ minh họa cho thuộc tính Location href:
<!DOCTYPE html> <html> <head> <title>Location href</title> <style> form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } </style> </head> <body> <form> <fieldset> <legend>Location-href</legend> <label for="urlSelect">URL hiện tại:</label> <input type="url" size="30" id="urlSelect" value="https://www.example.com/aboutUs"> <input type="button" onclick="gethref()" value="Lấy href"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var urlSelect = document.getElementById("urlSelect"); function gethref(){ divDisplay.textContent = 'URL Path: '+location.href; } </script> </body> </html>
Kết quả
Ví dụ này sẽ cho kết quả sau:
Trước khi nhấn nút 'Lấy href':
Sau khi nhấn nút 'Lấy href':
