JavaScript phía máy khách không cung cấp cách nào để quản lý nhiều tập lệnh trong trình duyệt. Nếu bạn có 20 tập lệnh, bạn phải đặt 20 thẻ tập lệnh vào một trang theo đúng thứ tự. May mắn thay, có cách giải quyết. Trong video này, Craig Buckler chứng minh ba trong số này. Kỹ thuật Ajax, bộ chuyển mã và công cụ xây dựng. Các nhà phát triển JavaScript mới làm quen nên biết từng phương pháp này, những phương pháp này rất quan trọng đối với việc quản lý các tệp và phần phụ thuộc

Học nhanh hơn. Đào sâu hơn. Xem xa hơn

Tham gia nền tảng học tập trực tuyến O'Reilly. Nhận bản dùng thử miễn phí ngay hôm nay và tìm câu trả lời nhanh chóng hoặc làm chủ một cái gì đó mới và hữu ích

Nhiều tệp Javascript có thể được tải động và thực thi theo một thứ tự nhất định bằng cách tạo phần tử

// scripts to execute in order
let scripts = [
				'script1.js',
				'script2.js',
				'script3.js'
			];

scripts.forEach(function(url) {
	let script = document.createElement('script');
	script.src = url;
	script.async = false;
	document.body.appendChild(script);
});

Điều quan trọng là phải đặt async=false cho tập lệnh đã tạo. Nếu không, các trình duyệt sẽ tự động đặt thuộc tính này thành true và sau đó thứ tự thực thi sẽ không được giữ nguyên.

Biết khi nào tất cả các tập lệnh đã được tải

Sự kiện onload của phần tử

mục lục. html

    
        

            
Index
        
        
    

Về. html

    
        

            
About
        
        
    

tiếp xúc. html

    
        

            
Contact
        
        
    

script. js

const aboutContainer = document.querySelector('.about');
aboutContainer.classList.add('show');

Tôi có bỏ sót điều gì trong mã của mình hay tôi không thể chỉ sử dụng một tệp tập lệnh cho tất cả các tệp html của mình? .
something like:
chỉ mục. html -> chỉ mục. js
về. html -> về. js
liên hệ. html -> liên hệ. js

Nhưng còn nếu tôi có 10 tệp html thì tôi có cần tạo 10 tệp javascript không?
đây có phải là cách đúng không, chẳng hạn như tạo 5 trang html và cũng có 5 tệp javascript

Cảm ơn