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:
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.
Mã bên trong JavaScript function sẽ thực thi khi "một cái gì đó" gọi nó.invoke, because a JavaScript function can be invoked without being called.
Gọi một hàm javascript
Thí dụ
const myObject = {& nbsp; tên đầu tiên: "John", & nbsp; Tên cuối cùng: "doe", & nbsp; fullName: function [] {& nbsp; & nbsp; trả lại cái này; & nbsp; & nbsp;}}
return a * b;
}
myFunction[10, 2]; // Will return 20
Hãy tự mình thử »
// Điều này sẽ trả về [đối tượng đối tượng] [đối tượng chủ sở hữu] myObject.fullName [];
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
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.
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:
Global variables, methods, or functions can easily create name conflicts and bugs in the global object.
// Đâ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; }
Thí dụ
const myObject = {& nbsp; tên đầu tiên: "John", & nbsp; Tên cuối cùng: "doe", & nbsp; fullName: function [] {& nbsp; & nbsp; trả lại cái này; & nbsp; & nbsp;}}
return a * b;
}
window.myFunction[10, 2]; // Will also return 20
Hãy tự mình thử »
// Điều này sẽ trả về [đối tượng đối tượng] [đối tượng chủ sở hữu] myObject.fullName [];this?
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.object.
Gọi một hàm với hàm tạo chức năng object depends on how this is being invoked [used or called].
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.
| 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:object. |
| // Đâ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; }global object. |
| // Điều này tạo ra một đối tượng mới Const myObj = new myfunction ["John", "doe"];global object. |
| // Điều này sẽ trả lại "John" myobj.firstname; |
| Một lời mời xây dựng tạo ra một đối tượng mới. Đối tượng mới kế thừa các thuộc tính và phương thức từ hàm tạo của nó.element that received the event. |
Từ khóa this trong hàm tạo không có giá trị. Giá trị của this sẽ là đối tượng mới được tạo khi hàm được gọi.any object.
|
Làm thế nào để bạn gọi một chức năng của chính nó?
Khi một hàm được gọi mà không có đối tượng chủ sở hữu, giá trị của this trở thành đối tượng toàn cầu.
Trong một trình duyệt web, đối tượng toàn cầu là cửa sổ trình duyệt.
Ví dụ này trả về đối tượng cửa sổ là giá trị của this:
Thí dụ
Đặt x = myFunction []; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // x sẽ là đối tượng cửa sổ
hàm myFunction [] {& nbsp; & nbsp; trả về cái này; }
return this;
}
Hãy tự mình thử »
Gọi một chức năng như một hàm toàn cầu, khiến giá trị của việc này trở thành đối tượng toàn cầu. Sử dụng đối tượng cửa sổ làm biến có thể dễ dàng làm hỏng chương trình của bạn.this to be the global object.
Using the window object as a variable can easily crash your program.
Gọi một chức năng như một phương thức
Trong JavaScript, bạn có thể định nghĩa các hàm là phương thức đối tượng.
Ví dụ sau tạo một đối tượng [myObject], với hai thuộc tính [FirstName và LastName] và một phương thức [fullName]:myObject], with two properties [firstName and lastName], and a method [fullName]:
Thí dụ
Đặt x = myFunction []; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // x sẽ là đối tượng cửa sổ
firstName:"John",
lastName: "Doe",
fullName: function [] {
return this.firstName + " " + this.lastName;
}
}
myObject.fullName[]; // Will return "John Doe"
Hãy tự mình thử »
Gọi một chức năng như một hàm toàn cầu, khiến giá trị của việc này trở thành đối tượng toàn cầu. Sử dụng đối tượng cửa sổ làm biến có thể dễ dàng làm hỏng chương trình của bạn.fullName method is a function. The function belongs to the object. myObject is the owner of the function.
Gọi một chức năng như một phương thứcmyObject.
Trong JavaScript, bạn có thể định nghĩa các hàm là phương thức đối tượng.fullName method to return the value of
this:
Thí dụ
Đặt x = myFunction []; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // x sẽ là đối tượng cửa sổ
firstName:"John",
lastName: "Doe",
fullName: function [] {
return this;
}
}
hàm myFunction [] {& nbsp; & nbsp; trả về cái này; }
myObject.fullName[];
Hãy tự mình thử »
Gọi một chức năng như một hàm toàn cầu, khiến giá trị của việc này trở thành đối tượng toàn cầu. Sử dụng đối tượng cửa sổ làm biến có thể dễ dàng làm hỏng chương trình của bạn.
Gọi một chức năng như một phương thức
Trong JavaScript, bạn có thể định nghĩa các hàm là phương thức đối tượng.
Ví dụ sau tạo một đối tượng [myObject], với hai thuộc tính [FirstName và LastName] và một phương thức [fullName]:
Thí dụ
Đặt x = myFunction []; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // x sẽ là đối tượng cửa sổ
function myFunction[arg1, arg2] {
this.firstName = arg1;
this.lastName
= arg2;
}
hàm myFunction [] {& nbsp; & nbsp; trả về cái này; }
const myObj = new myFunction["John", "Doe"];
Hãy tự mình thử »
myObj.firstName;
Hãy tự mình thử »
Gọi một chức năng như một hàm toàn cầu, khiến giá trị của việc này trở thành đối tượng toàn cầu. Sử dụng đối tượng cửa sổ làm biến có thể dễ dàng làm hỏng chương trình của bạn.
Gọi một chức năng như một phương thức
The
value of this will be the new object created when the function is invoked.