Blog này sẽ thảo luận về các chức năng của biểu thức href đã nêu “ ”.
Biểu thức href “ ” làm gì?
Thuộc tính href trong HTML “ ” thẻ thường chỉ định URL hoặc trang web mà liên kết được hướng đến.
Trong trường hợp ' ”, thuộc tính href được đặt thành “ jav:; ” là giá trị giữ chỗ không làm gì khi được nhấp. Điều này thường được sử dụng khi liên kết đang được sử dụng cho một chức năng hoặc sự kiện JavaScript và không cần chuyển hướng người dùng đến một trang mới.
Các ' jav:; ” là tính năng ấn tượng nhất của JavaScript để tích hợp nó với HTML và CSS. Nó giúp gọi các hàm JavaScript trong thẻ HTML hoặc thẻ neo.
Ví dụ
Trong ví dụ đã cho, hiển thị hình ảnh trên trang hiện tại bằng cách nhấp vào liên kết bằng cách sử dụng “ jav:; ” trong thuộc tính href sẽ ngăn trình duyệt rời khỏi trang hiện tại:
< id div = 'hình ảnh của tôi' > div >
< a href = 'javascript: img = document.createElement('img');
img.src = 'sun.jpg';
src = document.getElementById('myImg');
src.appendChild(img);' > Hiển thị hình ảnh Một >
Trong đoạn mã trên:
- Đầu tiên, tạo một phần tử div trong tệp HTML và gán id “ myImg ”.
- Đặt thuộc tính href thành “ jav:; ” và tạo một “ hình ảnh ” phần tử sử dụng phần tử “ tạo phần tử () ' phương pháp.
- Các ' src ” thuộc tính sẽ chỉ ra đường dẫn của hình ảnh.
- Nhận tham chiếu của thành phần hình ảnh trên tệp HTML để hiển thị hình ảnh bằng cách sử dụng “ getElementById() ' phương pháp.
- Nối hình ảnh dưới dạng phần tử con bằng cách sử dụng “ con nối () ' phương pháp.
Đầu ra chỉ ra rằng hình ảnh sẽ được hiển thị trên cùng một trang khi nhấp vào liên kết:
Bạn cũng có thể truy cập chức năng trong thẻ href với “ jav:; ” trình giữ chỗ:
< id div = 'hình ảnh của tôi' > div >< a href = 'javascript:myFunction();' > Nhấp vào đây Một >
Định nghĩa một chức năng “ myFunction() ” trong thẻ