Đối với phần đầu tiên của câu hỏi của bạn, bạn có thể thực hiện điều này bằng cách sử dụng phương thức sự kiện để gọi chức năng của bạn.
Example:
function myFunction() { document.getElementById("demo").innerHTML = "Hello World"; }<p>Click the button to trigger a function that will output "Hello World" in a p element with id="demo".</p> <button title="myFunction()">Click me</button> <p id="demo"></p>
Hoặc sử dụng trình nghe sự kiện JavaScript.
Exemple:
document.getElementById("myBtn").addEventListener("click", displayDate); function displayDate() { document.getElementById("demo").innerHTML = Date(); }<p>This example uses the addEventListener() method to attach a click event to a button.</p> <button id="myBtn">Try it</button> <p id="demo"></p>
Hoặc sử dụng trình nghe sự kiện jQuery.
Example:
$(document).ready(function(){ $("p").click(function(){ alert("The paragraph was clicked."); }); });<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p>Click on this paragraph.</p>
Đối với phần thứ hai của câu hỏi, bạn có thể gửi tham số bằng cách truyền chúng khi bạn gọi chức năng của mình hoặc nhận chúng khi bạn đang sử dụng chức năng của mình.
Ví dụ để gửi tham số khi gọi chức năng:
function changeText(id) { id.innerHTML = "Ooops!"; }<h2 title="changeText(this)">Click on this text!</h2>
Ví dụ để nhận được khi bạn ở trong chức năng (JS):
function myFunction() { var x = document.getElementById("myText").value; document.getElementById("demo").innerHTML = x; }First Name: <input type="text" id="myText" value="Mickey"> <p>Click the button to display the value of the value attribute of the text field.</p> <button title="myFunction()">Try it</button> <p id="demo"></p>
Ví dụ để nhận được khi bạn ở trong chức năng (jQuery):
<p>Click the button to trigger a function that will output "Hello World" in a p element with id="demo".</p> <button title="myFunction()">Click me</button> <p id="demo"></p>0<p>Click the button to trigger a function that will output "Hello World" in a p element with id="demo".</p> <button title="myFunction()">Click me</button> <p id="demo"></p>1
Nếu bạn muốn một biến phía máy chủ, bạn có thể sử dụng biểu mẫu này. Trong chức năng của bạn, JS sử dụng <p>Click the button to trigger a function that will output "Hello World" in a p element with id="demo".</p> <button title="myFunction()">Click me</button> <p id="demo"></p>2 này. Điều này hoạt động khi bạn có PHP trong cùng một trang mà bạn có JS của bạn.
Các thay đổi đối với các thuộc tính đối tượng có thể nhìn thấy (phản xạ) bên ngoài hàm.
Làm thế nào để bạn gọi một chức năng trong HTML?
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 chức năng sau đó xác định chức năng này trong phần đầu hoặc phần cơ thể 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 title () được liên kết với chúng để gọi chức năng này. parameters:
hàm functionName (tham số1, tham số2, tham số3) {& nbsp; // Mã được thực thi}
// code to be executed
}
Các tham số chức năng là các tên được liệt kê trong định nghĩa chức năng.parameters are the names listed in the function definition.
Đối số chức năng là các giá trị thực được truyền đến (và nhận được bởi) hàm.arguments are the real values passed to (and received by) the function.
Quy tắc tham số
Định nghĩa chức năng JavaScript không chỉ định các loại dữ liệu cho các tham số.
Các hàm JavaScript không thực hiện kiểm tra loại trên các đối số được truyền.
Các hàm JavaScript không kiểm tra số lượng đối số nhận được.
Tham số mặc định
Nếu một hàm được gọi với các đối số bị thiếu (ít hơn được khai báo), các giá trị bị thiếu được đặt thành <p>Click the button to trigger a function that will output "Hello World" in a p element with id="demo".</p> <button title="myFunction()">Click me</button> <p id="demo"></p>4.missing arguments (less than declared), the missing values are set to <p>Click the button to trigger a function that will output "Hello World" in a p element with id="demo".</p> <button title="myFunction()">Click me</button> <p id="demo"></p>4.
Đôi khi điều này được chấp nhận, nhưng đôi khi tốt hơn là gán giá trị mặc định cho tham số:
Thí dụ
hàm myfunction (x, y) {& nbsp; if (y === không xác định) {& nbsp; & nbsp; & nbsp; y = 2; & nbsp; }}
if (y === undefined) {
y = 2;
}
}
Hãy tự mình thử »
Đối tượng đối số
Các hàm JavaScript có một đối tượng tích hợp được gọi là đối tượng đối số.
Đối tượng đối số chứa một mảng của các đối số được sử dụng khi hàm được gọi (được gọi).
Bằng cách này, bạn có thể chỉ cần sử dụng một hàm để tìm (ví dụ) giá trị cao nhất trong danh sách các số:
Thí dụ
hàm myfunction (x, y) {& nbsp; if (y === không xác định) {& nbsp; & nbsp; & nbsp; y = 2; & nbsp; }}
Hãy tự mình thử »
let max = -Infinity;
for (let i = 0; i < arguments.length; i++) {
if
(arguments[i] > max) {
max = arguments[i];
}
}
return max;
}
Hãy tự mình thử »
Đối tượng đối số
Thí dụ
hàm myfunction (x, y) {& nbsp; if (y === không xác định) {& nbsp; & nbsp; & nbsp; y = 2; & nbsp; }}
Hãy tự mình thử »
let sum = 0;
for (let i =
0; i < arguments.length; i++) {
sum += arguments[i];
}
return sum;
}
Hãy tự mình thử »
Đối tượng đối sốtoo many arguments (more than declared), these arguments can be reached using the arguments object.
Các hàm JavaScript có một đối tượng tích hợp được gọi là đối tượng đối số.
Đối tượng đối số chứa một mảng của các đối số được sử dụng khi hàm được gọi (được gọi).
Bằng cách này, bạn có thể chỉ cần sử dụng một hàm để tìm (ví dụ) giá trị cao nhất trong danh sách các số:value: The function only gets to know the values, not the argument's locations.
x = findMax (1, 123, 500, 115, 44, 88);
Changes to arguments are not visible (reflected) outside the function.
Hoặc tạo một hàm để tổng hợp tất cả các giá trị đầu vào:
x = sumall (1, 123, 500, 115, 44, 88);
hàm sumall () {& nbsp; Đặt tổng = 0; & nbsp; for (let i = 0; i