programming html

Gọi nhiều hàm onload html

onload thường được sử dụng nhất trong phần tử để thực thi tập lệnh sau khi trang web đã tải xong tất cả nội dung [bao gồm hình ảnh, tệp tập lệnh, tệp CSS, v.v. ]

Sự kiện onload có thể được sử dụng để kiểm tra loại trình duyệt và phiên bản trình duyệt của khách truy cập và tải phiên bản phù hợp của trang web dựa trên thông tin

Bây giờ, điều duy nhất là cả hai chức năng hoạt động đồng thời [tôi muốn chức năng thứ hai xảy ra ngay sau chức năng đầu tiên

Ý bạn là hàm B và hàm A hoạt động cùng nhau [song song]? .
If you mean to run the function_b when function a finishes rendering its data, so you could call the function b not when page is loaded, instead once function A finishes its work, call function b.

chớp nhoáng

Ngoài ra, tại sao nó chỉ in chữ “A” vô thời hạn?

Điều này là do mỗi khi hàm được gọi, _______ 6 lại được đặt thành ________ 7.
Khắc phục dễ dàng lắm bạn, hãy chuyển đối số i cho hàm e. g.

function function_a[step]{
	var i = step;
	var txt = 'Are You a Provider/Partner? Login Here';
	var speed = 50;
	if [i < txt.length] {
    document.getElementById["question-1"].innerHTML += txt.charAt[i];
    i++;
//    setTimeout[func_a, speed];
    setTimeout[function[]{function_a[i]}, speed];
  }else{
//here when function A finished rendering the result
}
console.log["func_a"];
}

Hoặc để biến i là toàn cầu [lưu ý. nếu tôi chuyển sang toàn cầu, hãy đổi tên biến i trong hàm b thành một thứ khác như k]

Tôi cũng khuyên bạn nên hợp nhất hai chức năng [A và B] thành một chức năng, vì cả hai chức năng A và B đều làm một việc giống nhau, nhưng dữ liệu khác nhau

Làm tốt lắm,

Tôi khuyên bạn nên tiếp tục nghiên cứu và đọc về cách gỡ lỗi chương trình, bạn có thể hỏi các vấn đề, nhưng nếu bạn có thể biết cách gỡ lỗi sẽ giúp bạn trở thành một nhà phát triển rất tuyệt vời

Vì vậy, bây giờ hãy xem vấn đề là gì

Tôi thấy bạn đã không làm đúng phần function_b như

function sample_func[a , b]{
console.log["function sample_finc, a[rotate deg]:"+a+" ,b[bg]:"+b];
document.getElementsByTagName["body"][0].style.transform="rotate["+a+"deg]";
document.getElementsByTagName["body"][0].style.backgroundColor=b;
console.log["function sample_func done."];
}
sample_func[180,"#CCFFCC"];

Tôi sẽ gợi ý cho bạn, để bạn có thể khắc phục.
Vì lần đầu tiên

function sample_func[a , b]{
console.log["function sample_finc, a[rotate deg]:"+a+" ,b[bg]:"+b];
document.getElementsByTagName["body"][0].style.transform="rotate["+a+"deg]";
document.getElementsByTagName["body"][0].style.backgroundColor=b;
console.log["function sample_func done."];
}
sample_func[180,"#CCFFCC"];

0 hoạt động đúng, nên chúng tôi cho rằng chắc chắn rằng

function sample_func[a , b]{
console.log["function sample_finc, a[rotate deg]:"+a+" ,b[bg]:"+b];
document.getElementsByTagName["body"][0].style.transform="rotate["+a+"deg]";
document.getElementsByTagName["body"][0].style.backgroundColor=b;
console.log["function sample_func done."];
}
sample_func[180,"#CCFFCC"];

0 đang hoạt động đúng.
Bạn thấy

function sample_func[a , b]{
console.log["function sample_finc, a[rotate deg]:"+a+" ,b[bg]:"+b];
document.getElementsByTagName["body"][0].style.transform="rotate["+a+"deg]";
document.getElementsByTagName["body"][0].style.backgroundColor=b;
console.log["function sample_func done."];
}
sample_func[180,"#CCFFCC"];

0 gọi function_b khi nó hoàn thành công việc, nhưng khi bạn thấy hàm_a được gọi lại [điều đó

function sample_func[a , b]{
console.log["function sample_finc, a[rotate deg]:"+a+" ,b[bg]:"+b];
document.getElementsByTagName["body"][0].style.transform="rotate["+a+"deg]";
document.getElementsByTagName["body"][0].style.backgroundColor=b;
console.log["function sample_func done."];
}
sample_func[180,"#CCFFCC"];

0 lặp lại vô thời hạn mà bạn đã đề cập]
Vậy vấn đề . tìm ra vấn đề và khắc phục nó.
If you check the function_b, you will find somewhere it calls the

function sample_func[a , b]{
console.log["function sample_finc, a[rotate deg]:"+a+" ,b[bg]:"+b];
document.getElementsByTagName["body"][0].style.transform="rotate["+a+"deg]";
document.getElementsByTagName["body"][0].style.backgroundColor=b;
console.log["function sample_func done."];
}
sample_func[180,"#CCFFCC"];

0 by mistake! find the issue and fix it.
Một gợi ý khác. hãy xem cách hoạt động của

function sample_func[a , b]{
console.log["function sample_finc, a[rotate deg]:"+a+" ,b[bg]:"+b];
document.getElementsByTagName["body"][0].style.transform="rotate["+a+"deg]";
document.getElementsByTagName["body"][0].style.backgroundColor=b;
console.log["function sample_func done."];
}
sample_func[180,"#CCFFCC"];

0, hàm_b phải có cùng logic với nó.

Xin đồng chí gợi ý thêm, nhưng tôi tin rằng bạn có thể làm được

gợi ý gỡ lỗi. sử dụng

function sample_func[a , b]{
console.log["function sample_finc, a[rotate deg]:"+a+" ,b[bg]:"+b];
document.getElementsByTagName["body"][0].style.transform="rotate["+a+"deg]";
document.getElementsByTagName["body"][0].style.backgroundColor=b;
console.log["function sample_func done."];
}
sample_func[180,"#CCFFCC"];

5 để gỡ lỗi mã của bạn. e. g. đặt

function sample_func[a , b]{
console.log["function sample_finc, a[rotate deg]:"+a+" ,b[bg]:"+b];
document.getElementsByTagName["body"][0].style.transform="rotate["+a+"deg]";
document.getElementsByTagName["body"][0].style.backgroundColor=b;
console.log["function sample_func done."];
}
sample_func[180,"#CCFFCC"];

6 ở bất cứ đâu bạn muốn chắc chắn rằng dòng đó sẽ được thực thi, bạn cũng có thể in giá trị var

tiếp tục làm việc tuyệt vời đồng chí, bạn có thể làm điều đó. đừng vội, hãy luôn xem lại mã của bạn một cách rõ ràng, hãy sử dụng cả phương pháp gỡ lỗi bảng kiểm tra

Mã hóa vui vẻ

Dễ lắm bạn ạ

Giả sử bạn muốn kiểm tra một giá trị biến tại một dòng mã nhất định, vì vậy nó sẽ như thế nào

function sample_func[a , b]{
console.log["function sample_finc, a[rotate deg]:"+a+" ,b[bg]:"+b];
document.getElementsByTagName["body"][0].style.transform="rotate["+a+"deg]";
document.getElementsByTagName["body"][0].style.backgroundColor=b;
console.log["function sample_func done."];
}
sample_func[180,"#CCFFCC"];

Và bảng điều khiển làm gì. nhật ký? .
It’s easy, Firefox, Chrome, Opera, and Safari could come with a section called developer tools.

Trên chrome, bạn có thể nhấp chuột phải vào bất kỳ đâu trên trang và chọn “Kiểm tra” hoặc chỉ cần nhấn

function sample_func[a , b]{
console.log["function sample_finc, a[rotate deg]:"+a+" ,b[bg]:"+b];
document.getElementsByTagName["body"][0].style.transform="rotate["+a+"deg]";
document.getElementsByTagName["body"][0].style.backgroundColor=b;
console.log["function sample_func done."];
}
sample_func[180,"#CCFFCC"];

8. Sau đó, bạn đã mở trang DevTools, kiểm tra phần bảng điều khiển. nó cho bạn biết nhật ký

Hãy lấy một ví dụ, giả sử đoạn mã sau [thử đi]

function sample_func[a , b]{
console.log["function sample_finc, a[rotate deg]:"+a+" ,b[bg]:"+b];
document.getElementsByTagName["body"][0].style.transform="rotate["+a+"deg]";
document.getElementsByTagName["body"][0].style.backgroundColor=b;
console.log["function sample_func done."];
}
sample_func[180,"#CCFFCC"];

Tạo một tệp html trống, đặt một số dữ liệu mẫu [như một số đoạn văn, v.v..., một số văn bản]
Sau đó, chuyển đến phần tập lệnh và thêm mã ở trên.
chạy tệp.
Truy cập devtools và kiểm tra phần bảng điều khiển, bạn sẽ thấy phần nhật ký trên bảng điều khiển
Lưu ý. nếu không có gì ở đó, hãy mở cửa sổ devtool và làm mới trang [F5]

Chỉ cần kiên nhẫn, khi bạn thu thập được nhiều kinh nghiệm hơn, mọi thứ sẽ ngày càng dễ dàng hơn với bạn, không cần vội vàng, hãy cố gắng kiên nhẫn ở mọi khía cạnh

Bài Viết Liên Quan

Toplist mới

Bài mới nhất

Chủ Đề