Gọi hàm JavaScript từ tệp js bên ngoài

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>

<script type = "text/javascript">

function functionName() {  

alert("You are learning how to call JavaScript function in html");

        }

</script>

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

< body >

< h4>Hey, click on the button below to invoke the function</h4>

<input type = "button" onclick = "functionName()" value = "Click Me">

</body>

Thí dụ

< html >

< đầu>

<script type = "text/javascript">

function functionName() {  

alert("You are learning how to call JavaScript function in html");

        }

</script>

</head>

<body>

<h4>Hey, click on the button below to invoke the function</h4>

<input type = "button" onclick = "functionName()" value = "Click Me">

</body>

</html>

đầu ra

Gọi hàm JavaScript từ tệp js bên ngoài

Gọi hàm JavaScript từ tệp js bên ngoài

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>

<script type = "text/javascript" src="jsarticle.js" >< /tập lệnh >

</head>

<body>

<h4>Hey, click on the button below to invoke the function</h4>

<input type = "button" onclick = "functionName()" value = "Click Me">

</body>

</html>

Jsarticle. js

hàm Tên hàm () {
 
document.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 type = "text/javascript" src="jsarticle.js" >< /tập lệnh >  

</head>

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

< body >
 
< h4>Hey, click on the button below to invoke the function</h4>
 
<input type = "button" onclick = "functionName()" value = "Click Me">

</body>

đầu ra

Gọi hàm JavaScript từ tệp js bên ngoài

Gọi hàm JavaScript từ tệp js bên ngoài

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 một hàm JavaScript từ một tệp JavaScript khác?

sử dụng "var" trong khi tạo hàm , sau đó bạn có thể truy cập hàm đó từ một tệp khác. đảm bảo cả hai tệp được kết nối tốt với dự án của bạn và có thể truy cập lẫn nhau.

Có thể tạo các hàm JavaScript trong một tệp bên ngoài không?

Các hàm JavaScript có thể được tạo và lưu trữ trong các tệp bên ngoài .

Làm cách nào để kích hoạt chức năng JavaScript trong HTML?

Cách tiếp cận 1. Đầu tiên, lấy một nút bằng thẻ đầu vào. Sau khi nhấp vào nút, bạn có thể thấy một hộp thoại bật lên trên màn hình đã được khai báo trong hàm JavaScript dưới dạng cảnh báo. Hàm clickEvent() cho phép thực thi cảnh báo() khi nút này được nhấp bằng cách sử dụng phương thức onclick()