Hướng dẫn how do you call a function in html? - làm thế nào để bạn gọi một hàm trong html?

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 forctionName [] trong các thẻ tập lệnh trong đầu của HTML như được hiển thị bên dưới.

Làm thế nào để bạn gọi một tập lệnh trong HTML?

Để bao gồm một tệp JavaScript bên ngoài, chúng ta có thể sử dụng thẻ tập lệnh với thuộc tính SRC. Bạn đã sử dụng thuộc tính SRC khi sử dụng hình ảnh. Giá trị cho thuộc tính SRC phải là đường dẫn đến tệp JavaScript của bạn. Thẻ tập lệnh này phải được bao gồm giữa các thẻ trong tài liệu HTML của bạn.

& nbsp; Này, nhấp vào nút bên dưới để gọi chức nănghtml>

& nbsp; Này, nhấp vào nút bên dưới để gọi chức nănghead>

& nbsp; Này, nhấp vào nút bên dưới để gọi chức năngscript type = "text/javascript">

JavaScript đang nổi lên từng ngày và được sử dụng hiệu quả trong các trang web. Bất cứ khi nào JavaScript được gọi vào một trang HTML, nó sẽ tương tác linh hoạt trên các trang web. JavaScript làm cho các trang web trực quan hơn và nâng cao trải nghiệm người dùng so với các trang tĩnh. Gọi các chức năng của JavaScript vào một trang HTML không phải là một nhiệm vụ phức tạp. Trong bài viết này, chúng tôi chứng minh nhiều cách gọi các hàm JavaScript trong HTML.

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 forctionName [] trong các thẻ tập lệnh trong đầu của HTML như được hiển thị bên dưới.

function functionName [] {

& nbsp; Này, nhấp vào nút bên dưới để gọi chức năng/script>

cảnh báo ["Bạn đang học cách gọi chức năng JavaScript trong HTML"];

& nbsp; Này, nhấp vào nút bên dưới để gọi chức năngbody>

& nbsp; & nbsp; & nbsp; & nbsp; }h4>Hey, click on the button below to invoke the function

Đầu rainput type = "button" title = "functionName[]" value = "Click Me">

Đầu ra/body>

Sự kết luận

& nbsp; Này, nhấp vào nút bên dưới để gọi chức nănghtml>

Đầu rahead>

Đầu rascript type = "text/javascript">

Sự kết luận[] {

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 forctionName [] trong các thẻ tập lệnh trong đầu của HTML như được hiển thị bên dưới.["You are learning how to call JavaScript function in html"];

function functionName [] {}

Đầu ra/script>

Đầu ra/head>

Đầu rabody>

& nbsp; & nbsp; & nbsp; & nbsp; }h4>Hey, click on the button below to invoke the function

Đầu rainput type = "button" title = "functionName[]" value = "Click Me">

Đầu ra/body>

Đầu ra/html>

Sự 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 thức đầu tiên, chúng tôi bao gồm một tệp JavaScript trong tài liệu HTML. Trong phương thức 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 chức năng JavaScript có thể được gọi trong HTML.

Thông tin về các Tác giả

Một nhà phát triển JavaScript & người đam mê Linux với 4 năm kinh nghiệm công nghiệp và đã được chứng minh để kết hợp các quan điểm sáng tạo và khả năng sử dụng dẫn đến các ứng dụng web đẳng cấp thế giới. Tôi có kinh nghiệm làm việc với Vue, React & Node.js & hiện đang làm việc về viết bài viết và tạo video.

Sự 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 thức đầu tiên, chúng tôi bao gồm một tệp JavaScript trong tài liệu HTML. Trong phương thức 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 chức năng JavaScript có thể được gọi trong HTML.articl.html” in which we link the external JavaScript file “jsarticle.js”.

articl.html

& nbsp; Này, nhấp vào nút bên dưới để gọi chức nănghtml>

Đầu rahead>

Đầu rascript type = "text/javascript" src="jsarticle.js">

Đầu ra/head>

Đầu rabody>

& nbsp; & nbsp; & nbsp; & nbsp; }h4>Hey, click on the button below to invoke the function

Đầu rainput type = "button" title = "functionName[]" value = "Click Me">

Đầu ra/body>

Đầu ra/html>

Jsarticle.js

Sự kết luận functionName[] {

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 thức đầu tiên, chúng tôi bao gồm một tệp JavaScript trong tài liệu HTML. Trong phương thức 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 chức năng JavaScript có thể được gọi trong HTML.write["You are learning how to call JavaScript function in html"];

function functionName [] {}

cảnh báo ["Bạn đang học cách gọi chức năng JavaScript trong HTML"];

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 đó, hàm sẽ được gọi được xác định trong tệp JavaScript như được hiển thị trong hình ảnh dưới đây.

& nbsp; Này, nhấp vào nút bên dưới để gọi chức năngbody>

& nbsp; Này, nhấp vào nút bên dưới để gọi chức năngh4>Hey, click on the button below to invoke the function

& nbsp;input type = "button" title = "functionName[]" value = "Click Me">

Đầu ra/body>

Đầu ra

Sự 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 thức đầu tiên, chúng tôi bao gồm một tệp JavaScript trong tài liệu HTML. Trong phương thức 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 chức năng JavaScript có thể được gọi trong HTML.