Gọi Function trong HTML

Có nhiều cách để gọi hàm JavaScript trong tài liệu HTML và nó cũng không phải là một nhiệm vụ khó khăn. Đầu tiên, chúng tôi đã sử dụng một trong những cách dễ nhất để gọi chức năng JavaScript trong tài liệu HTML:

Nội dung chính Show

  • Gọi một chức năng bằng tệp JavaScript bên ngoài
  • Lưu tệp tập lệnh với phần mở rộng .js, sau đó tham khảo nó bằng thuộc tính SRC trong thẻ. Lưu ý: Tệp tập lệnh bên ngoài không thể chứa thẻ. Lưu ý: Chỉ vào tệp tập lệnh bên ngoài chính xác nơi bạn đã viết tập lệnh.
  • Gọi một hàm javascript
  • Nếu một yêu cầu chức năng được đi trước với từ khóa this0, thì đó là một lệnh gọi hàm tạo.
  • // Điều này sẽ trả về [đối tượng đối tượng] [đối tượng chủ sở hữu] myObject.fullName [];this?
  • Làm thế nào để bạn gọi một chức năng của chính nó?
  • Gọi một chức năng như một phương thức
  • Gọi một chức năng như một phương thức
  • Làm thế nào để bạn gọi một chức năng của chính nó?
  • Làm thế nào để bạn gọi một tập lệnh trong HTML?
  • Làm thế nào để bạn gọi một chức năng JavaScript trong HTML?
  • Bạn có thể gọi một chức năng trong chính JavaScript không?

Trong phương thức này, chúng tôi sẽ tạo và xác định một hàm trong phần đầu của tài liệu HTML. Để gọi chức năng này trong tài liệu HTML, chúng tôi phải tạo một nút đơn giản và sử dụng thuộc tính sự kiện Onclick [là trình xử lý sự kiện] cùng với nó, chúng tôi có thể gọi chức năng bằng cách nhấp vào nút. title event attribute [which is an event handler] along with it, we can call the function by clicking on the button.

Để hiểu rõ hơn, hãy xem chương trình đã cho:

Chương trình

Giải thích chương trình

Trong chương trình được đưa ra trên, chúng tôi đã tạo ra một tài liệu HTML đơn giản. Bên trong phần đầu của tài liệu HTML, chúng tôi đã xác định một hàm [ví dụ: myfunction [];] bên trong các thẻ tập lệnh ....e.g myfunction[];] inside the script tags .

Mặt khác, bên trong phần cơ thể, chúng tôi hiển thị một số văn bản và tạo một nút. Để gọi chức năng của chúng tôi, chúng tôi đã sử dụng thuộc tính title cùng với nút và khi người dùng nhấp vào nút đó, chức năng của chúng tôi sẽ thực thi và hiển thị thông báo cảnh báo, như bạn có thể thấy trong đầu ra. title attribute along with the button and when the user clicks on that button our function gets executes and display an alert message, as you can see in the output.

Đầu ra

Gọi một chức năng bằng tệp JavaScript bên ngoài

Chúng tôi cũng có thể gọi các chức năng JavaScript bằng cách sử dụng tệp JavaScript bên ngoài được đính kèm vào tài liệu HTML của chúng tôi. Để làm điều này, trước tiên chúng ta phải tạo một tệp JavaScript và xác định chức năng của chúng tôi trong đó và lưu phần mở rộng ITWith [.js].

Khi tệp JavaScript được tạo, chúng ta cần tạo một tài liệu HTML đơn giản. Để bao gồm tệp JavaScript của chúng tôi trong tài liệu HTML, chúng tôi phải sử dụng thẻ tập lệnh và trong thuộc tính "SRC", chúng tôi phải cung cấp đường dẫn đến tệp JavaScript của chúng tôi nơi lưu trữ. Sau khi liên kết tệp JavaScript bên ngoài với tài liệu HTML, chúng ta có thể tạo một nút và gọi chức năng bằng thuộc tính " title" với nó." title" attribute with it.

Hãy hiểu nó với sự trợ giúp của một chương trình:

Chương trình

Giải thích chương trình

Trong chương trình được đưa ra trên, chúng tôi đã tạo ra một tài liệu HTML đơn giản. Bên trong phần đầu của tài liệu HTML, chúng tôi đã xác định một hàm [ví dụ: myfunction [];] bên trong các thẻ tập lệnh ....js extension.

Function.js

Mặt khác, bên trong phần cơ thể, chúng tôi hiển thị một số văn bản và tạo một nút. Để gọi chức năng của chúng tôi, chúng tôi đã sử dụng thuộc tính title cùng với nút và khi người dùng nhấp vào nút đó, chức năng của chúng tôi sẽ thực thi và hiển thị thông báo cảnh báo, như bạn có thể thấy trong đầu ra.

Đầu ra title attribute along with the button and when the user clicks on that button our function gets executes and display an alert message, as you can see in the output.

Đầu ra

Gọi một chức năng bằng tệp JavaScript bên ngoài

Gọi một hàm như một phương thức đối tượng, khiến giá trị của this là chính đối tượng.

Gọi một hàm với hàm tạo chức năng 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.

Nếu một yêu cầu chức năng được đi trước với từ khóa this0, thì đó là một lệnh gọi hàm tạo. After then, we have to call the javaScript function in the Html code for displaying the information or data on the web page. So, we can call the function of JavaScript by its name in the input tag of the form tag.

Có vẻ như bạn tạo một chức năng mới, nhưng vì các hàm JavaScript là các đối tượng bạn thực sự tạo một đối tượng mới: And, at last, we have to save the Html file and then run the file which calls the JavaScript function.

// Đây là một hàm tạo hàm: hàm myFunction [arg1, arg2] {& nbsp; this.firstName = arg1; & nbsp; & nbsp; this.lastName & nbsp; = arg2; }

// Điều này tạo ra một đối tượng mới Const myObj = new myfunction ["John", "doe"];

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

Lưu tệp tập lệnh với phần mở rộng .js, sau đó tham khảo nó bằng thuộc tính SRC trong thẻ. Lưu ý: Tệp tập lệnh bên ngoài không thể chứa thẻ. Lưu ý: Chỉ vào tệp tập lệnh bên ngoài chính xác nơi bạn đã viết tập lệnh.

Làm thế nào để bạn gọi một chức năng JavaScript trong HTML?defined.

Cách tiếp cận 1: Đầu tiên, hãy 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 như một 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 [].invoked.

Bạn có thể gọi một chức năng trong chính JavaScript không?call a function" instead of "invoke a function".

Một chức năng có thể tham khảo và gọi chính nó.Có ba cách để một hàm đề cập đến chính nó: tên của hàm.Đối số.Callee.

Chủ Đề