Gọi hàm JavaScript từ html mà không cần onclick

Phương pháp đầu tiên là gọi hàm JavaScript trong HTML. Đối với điều này, bạn phải tạo một hàm sau đó xác định hàm này trong phần đầu hoặc phần thân của tài liệu HTML. Bạn có thể tạo một liên kết hoặc một nút và sau đó một sự kiện onclick() được liên kết với chúng để gọi chức năng này

Bây giờ chúng ta sẽ chứng minh một ví dụ đơn giản. Ví dụ này chứa một tệp HTML đơn giản trong đó chúng tôi đã xác định một phương thức functionName() trong các thẻ script ở phần đầu của HTML như được hiển thị bên dưới

< html >

< đầu >

< tập lệnh loại = "văn bản/javascript">

hàm functionName() {

alert("Bạn đang học cách gọi hàm JavaScript trong html");

}

< /tập lệnh >

Hơn nữa, chúng tôi đã tạo một nút và liên kết sự kiện onclick() với nó như hình bên dưới. Sau đó, bất cứ khi nào người dùng nhấp vào nút, chức năng sẽ được gọi

< nội dung >

< h4 >Xin chào, nhấp vào nút bên dưới để gọi hàm< /h4>

< đầu vào loại = "nút" onclick = "functionName()" value = "Click Me">

< /body >

Thí dụ

< html >

< đầu >

< tập lệnh loại = "văn bản/javascript">

tên hàm () {  

alert ("Bạn đang học cách gọi hàm JavaScript trong html");

        }

< /tập lệnh >

< /đầu >

< nội dung >

< h4 >Xin chào, nhấp vào nút bên dưới để gọi hàm< /h4>

< đầu vào loại = "nút" onclick = "functionName()" value = "Click Me">

< /body >

< /html >

đầu ra

Gọi hàm JavaScript thông qua các tệp bên ngoài

Phương pháp thứ hai là gọi một hàm JavaScript trong HTML thông qua bên ngoài. tập tin js. Các tệp bên ngoài của JavaScript được đính kèm trong phần đầu của tệp HTML. Trước hết, bạn cần tạo hai tệp i. e. . html trong đó mã HTML được viết và tệp kia là. js trong đó các chức năng được xác định

Chúng ta phải tạo một tài liệu HTML sau khi hoàn thành việc tạo JavaScript. Sau khi kết hợp tệp JavaScript, chúng tôi phải tạo liên kết hoặc nút, sau đó gọi hàm được xác định trong tệp JavaScript

Thí dụ

Ví dụ này chứa một tệp HTML đơn giản “bài viết. html” trong đó chúng tôi liên kết tệp JavaScript bên ngoài “jsarticle. js”

bài báo. html

< html >

< đầu >

< tập lệnh loại = "văn bản/javascript" . js" src="jsarticle.js" >< /tập lệnh >

< /đầu >

< nội dung >

< h4 >Xin chào, nhấp vào nút bên dưới để gọi hàm< /h4>

< đầu vào loại = "nút" onclick = "functionName()" value = "Click Me">

< /body >

< /html >

Jsarticle. js

hàm Tên hàm () {
 
tài liệu. write("Bạn đang học cách gọi hàm JavaScript trong html");

        }

Các tệp Html và JavaScript phải được lưu trong cùng một thư mục và nếu không thì chúng tôi phải cung cấp đường dẫn đầy đủ trong các thẻ tập lệnh có trong phần đầu. Trong ví dụ được cung cấp của chúng tôi, chúng tôi đã lưu các tệp HTML và JavaScript trong cùng một thư mục, đó là lý do tại sao chúng tôi đã cung cấp tên của tệp JavaScript thay vì cung cấp đường dẫn đầy đủ

< đầu >

< tập lệnh loại = "văn bản/javascript" . js" src="jsarticle.js" >< /tập lệnh >  

< /đầu >

Chúng tôi đã tạo một nút trong phần cơ thể và bên cạnh nút đó, chúng tôi cũng đã sử dụng sự kiện onclick để gọi một chức năng. Bây giờ, bất cứ khi nào người dùng nhấp vào nút đó, chức năng sẽ được gọi được xác định trong tệp javascript như trong hình được đề cập bên dưới

< nội dung >
 
< h4 >Xin chào, nhấp vào nút bên dưới để gọi hàm< /h4>
 
< đầu vào loại = "nút" onclick = "functionName()" value = "Click Me">

< /body >

đầu ra

Phần kết luận

Trong bài viết này, chúng tôi trình bày cách gọi các hàm JavaScript trong HTML. Chúng tôi cũng đã thảo luận về hai phương pháp. Trong phương pháp đầu tiên, chúng tôi bao gồm tệp JavaScript trong tài liệu HTML. Trong phương pháp thứ hai, chúng tôi đang gọi JavaScript thông qua các tệp bên ngoài. Cả hai phương pháp này đã được giải thích ngắn gọn cùng với các ví dụ về cách các hàm JavaScript có thể được gọi trong HTML

Làm cách nào để gọi hàm js trong HTML mà không cần onclick?

Làm cách nào để tự động gọi hàm JavaScript trong HTML?

Cách gọi hàm JavaScript trực tiếp từ HTML?

Có thể sử dụng siêu liên kết để gọi hàm JavaScript không?