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 Show Nội dung chính Show
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 Đây là phương pháp được sử dụng nhiều nhất và ưa thích trong số ba phương pháp. Trong phương pháp này, chúng tôi xác định các tập lệnh trong một tệp riêng biệt và liên kết chúng bằng thuộc tính src của thẻ tập lệnh trong phần đầu của tài liệu HTML. Loại phải được đặt thành text\javascript. Tệp javascript bên ngoài sẽ có một. tiện ích mở rộng jsTrong bài viết này, chúng ta sẽ khám phá cách gọi và khởi tạo hàm JavaScript từ một mẫu HTML. Chúng tôi yêu cầu hàm JavaScript thực thi các phương thức mong muốn đối với đầu vào được truyền Trong hướng dẫn này, chúng ta sẽ thảo luận về hai cách tiếp cận chính để gọi hàm JavaScript từ trang HTML Trong Cách tiếp cận đầu tiên, chúng tôi sẽ lấy một thẻ đầu vào đơn giản và nút Gửi được liên kết với nó. Sau khi nhấp vào nút, chúng ta sẽ thấy một hộp thoại bật lên trên màn hình dưới dạng cảnh báo. Nút này khi nhấp gọi sẽ gọi hàm JavaScript để hiển thị cảnh báo Cách tiếp cận 1
ví dụ 1# mục lục. html Welcome To Tutorials Point đầu raChương trình trên sẽ cho ra kết quả như sau. Khi bạn nhấp vào nút "Bấm vào đây. ", nó sẽ cảnh báo với thông báo "Này…chức năng Javascript được gọi. " Cách tiếp cận 2Theo cách tiếp cận này, chúng ta có thể sử dụng JavaScript để viết HTML trực tiếp. Chúng tôi có thể thêm tất cả mã mẫu của mình bên trong thẻ script và ghi vào mẫu bằng tài liệu. viết phương pháp. Tương tự, chúng ta cũng có thể sử dụng các hàm JavaScript trực tiếp từ mẫu HTML mà không cần sử dụng bất kỳ sự kiện nào Cách gọi hàm JavaScript trực tiếp từ HTML?Step 1: Firstly, we have to type the script tag between the starting and closing of tag just after the title tag. And then, type the JavaScript function. Step 2: After then, we have to call the javaScript function in the Html code for displaying the information or data on the web page. |