Cách liên kết nút html với chức năng javascript
|
Ở đâ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 Show
 Bên trong vùng Script, chúng tôi đã khai báo một hàm javascript function clickEvent() { 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 onclick="clickEvent();". 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ã HTMLKhi 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 HTMLKhi 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 < 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 “onclick” 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 “onclick”. Kiểm tra ví dụ dưới đây Đầu ra như sau JavaScript bên trong tệp bên ngoàiTrong 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 () { 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 < 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 “onclick” bên dưới truy cập chức năng từ tệp JS Sự kết luậnCó 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 “onclick” 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 Làm cách nào để kết nối mã JS với nút HTML?Sử dụng JavaScript trong tệp HTML
. Chúng tôi đạt được điều này bằng cách sử dụng thẻ script đã được giải thích trước đó. Chúng ta có thể đặt thẻ ở trong phần đầu của HTML hoặc ở cuối phần thân. adding all the JavaScript code inside the HTML file. We achieve this using the script tag which was explained earlier. We can put the tag either inside the head of the HTML or at the end of the body.
Tôi có thể nhấp vào nút bằng JavaScript không?Trong mã Javascript, chúng tôi tạo một biến lấy phần tử trên trang có id là selfclick (là nút chúng tôi đã tạo). Sau đó, chúng tôi thực hiện chức năng nhấp vào nút này bằng chức năng nhấp () Javascript. Và đây là cách chúng ta có thể nhấp vào nút bằng mã Javascript
Làm cách nào để gọi hàm JavaScript mà không cần nhấp vào nút trong HTML?Bạn gọi một biến JavaScript trong HTML như thế nào? . Hiển thị biến bằng tài liệu. viết phương pháp Hiển thị biến thành nội dung phần tử HTML bằng thuộc tính InternalHTML Hiển thị biến bằng cửa sổ. phương thức cảnh báo () Tôi có thể đặt HREF trong nút không?Bạn chỉ có thể sử dụng thẻ . ). Và nó sẽ tải href vào cùng một trang. |
