Ở đây chúng tôi xem xét cách gọi hàm javascript khi nhấp vào nút. Hãy bắt đầu với một ví dụ ở đây. Giả sử chúng ta có một nút bên trong div như hình bên dưới
Bên trong vùng Script, chúng tôi đã khai báo một hàm javascript
function clickEvent[] {
alert['xin chào. '];
};
Bây giờ để gọi chức năng này khi nhấp vào nút, chúng tôi có hai cách
Bằng cách này, chúng tôi tạo sự kiện OnClick nội tuyến cho phần HTML
Bên trong nút HTML, viết title="clickEvent[];".
Giờ đây, khi nhấp vào nút, hàm JavaScript sẽ được gọi. Đó là tất cả, bằng cách này, chúng ta có thể gọi hàm Javascript trên nút HTML khi nhấp vào.
Trong bài viết này, một số ánh sáng sẽ làm sáng tỏ cách một chức năng tồn tại trong JavaScript, có thể được truy cập bằng phần HTML
Gọi bất kỳ Hàm JS nào trong mã HTML
Khi giải quyết các chức năng trong JavaScript, hai kịch bản riêng biệt sẽ nổi bật. Phần này sẽ chỉ cho bạn cách bạn có thể gọi bất kỳ hàm JavaScript nào trong một trong hai trường hợp đó
JavaScript bên trong tệp HTML
Khi chức năng JavaScript tồn tại trong cùng một tệp với mã HTML, việc truy cập và gọi nó trong HTML khá đơn giản. Hãy cho chúng tôi xem mã mẫu dưới đây
function sampleFunction[] {
alert["This function is working!"];
}
Click this button to Call the JavaScript function inside HTML
Trong phần JavaScript của mã này, một hàm được hình thành có tên là “hàm mẫu”. Chức năng được cho là thực hiện một cảnh báo khi được gọi. Trong phần chính của mã HTML, một nút được tạo. Các nút có tính năng “ title” cho phép chúng gọi các hàm từ mã JS. Chúng tôi sẽ sử dụng tên “sampleFunction” sẽ được sử dụng để gọi nó trong tính năng “ title”. Kiểm tra ví dụ dưới đây
Đầu ra như sau
JavaScript bên trong tệp bên ngoài
Trong hầu hết các trường hợp, các hàm JavaScript không có trong cùng một tệp với mã HTML. Trong những trường hợp như thế này, hai tệp cần được liên kết với nhau để mã HTML có thể gọi các hàm từ JavaScript. Mã này bên dưới đại diện cho tệp JavaScript
hàm mẫuChức năng [] {
tài liệu. write["Hàm đã được gọi. "];
}
Trong tệp JavaScript, chức năng đã được tạo. Chức năng này hiện có thể được gọi trong tệp HTML bao nhiêu lần tùy ý nhà phát triển. Đoạn mã dưới đây hiển thị tệp HTML
tập lệnh >
< . "head>
Click this button to Call the JavaScript function inside HTML
Ở đây chúng tôi đã liên kết tệp JavaScript có tên “jsFile. js” với tệp HTML bằng cách sử dụng từ khóa “src” trong các thẻ tập lệnh. Làm điều này sẽ cho phép chức năng “ title” bên dưới truy cập chức năng từ tệp JS
Sự kết luận
Có hai cách để tiếp cận một chức năng JavaScript trong HTML. Đầu tiên là sử dụng tính năng “ title” của một nút để gọi chức năng đã có sẵn bên trong tệp HTML. Cách thứ hai là liên kết tệp JavaScript bên ngoài với tệp HTML bằng cách sử dụng từ khóa “src”. Trong bài viết này, bạn đã học được hai tình huống khác nhau mà bạn sẽ cần truy cập một hàm từ JavaScript bên trong HTML