Sự khác biệt giữa JavaScript nội tuyến và nội bộ

Đặt tập lệnh ở dưới cùng của phần tử sẽ cải thiện tốc độ hiển thị, vì việc giải thích tập lệnh làm chậm màn hình


JavaScript bên ngoài

Tập lệnh cũng có thể được đặt trong các tệp bên ngoài

tệp bên ngoài. myScript. js

hàm myFunction() {
tài liệu. getElementById("bản trình diễn"). innerHTML = "Đoạn đã thay đổi. “;
}

Tập lệnh bên ngoài là thực tế khi cùng một mã được sử dụng trong nhiều trang web khác nhau

Các tệp JavaScript có phần mở rộng tệp. js

Để sử dụng tập lệnh bên ngoài, hãy đặt tên của tệp tập lệnh trong thuộc tính src (nguồn) của

Bạn dự định hiển thị ngày giờ hiện tại trên tất cả các trang web của mình. Giả sử bạn đã viết mã và sao chép vào tất cả các trang web của mình (giả sử 100). Nhưng sau này, bạn muốn thay đổi định dạng hiển thị ngày tháng hoặc thời gian. Trong trường hợp này, bạn sẽ phải thực hiện thay đổi trong tất cả 100 trang web. Đây sẽ là một nhiệm vụ rất tốn thời gian và khó khăn

Vì vậy, hãy lưu mã JavaScript vào một tệp mới có phần mở rộng. js. Sau đó, thêm một dòng mã trong tất cả các trang web của bạn để trỏ đến trang của bạn. tập tin js như thế này



	
	   My External JavaScript Code!!!
	   
	
	
	

Khi nào nên sử dụng mã JavaScript bên trong và bên ngoài?

Nếu bạn chỉ có một vài dòng mã dành riêng cho một trang web cụ thể thì tốt hơn là giữ mã JavaScript bên trong tài liệu HTML của bạn

Mặt khác, nếu mã JavaScript của bạn được sử dụng trong nhiều trang web thì bạn nên xem xét việc giữ mã của mình trong một tệp riêng. Trong trường hợp đó, nếu bạn muốn thực hiện một số thay đổi đối với mã của mình, bạn chỉ cần thay đổi một tệp duy nhất giúp bảo trì mã dễ dàng. Nếu mã của bạn quá dài, thì tốt hơn là giữ nó trong một tệp riêng. Điều này giúp gỡ lỗi dễ dàng


Sau đây là sự khác biệt giữa JavaScript nội tuyến và tệp bên ngoài -

tập lệnh bên ngoài

  • Trình duyệt lưu trữ tập lệnh bên ngoài sau khi được tải xuống lần đầu tiên. Nếu nó được tham chiếu lại, thì không cần tải xuống bổ sung
  • Điều này làm giảm thời gian và kích thước tải xuống
  • Các thuộc tính async và defer có tác dụng. Nếu có các thuộc tính này, tập lệnh sẽ thay đổi hành vi mặc định

Tập lệnh nội tuyến

  • Tập lệnh nội tuyến được thực thi ngay lập tức
  • Nó được tải ngay lập tức và không cần phải kích hoạt một yêu cầu khác
  • Các thuộc tính async và defer không có tác dụng
  • Tập lệnh nội tuyến hữu ích hơn cho kết xuất động phía máy chủ

Sự khác biệt giữa JavaScript nội tuyến và nội bộ


Sự khác biệt giữa JavaScript nội tuyến và nội bộ

Các tệp bên ngoài làm giảm tốc độ kết xuất trang vì trình duyệt phải dừng phân tích cú pháp và tải xuống tệp bên ngoài. Điều này thêm một chuyến đi khứ hồi mạng sẽ làm mọi thứ chậm lại. Ngoài ra, vì các tệp bên ngoài được lưu vào bộ đệm nên rất khó xóa chúng nếu đã được cập nhật

mã nội tuyến

  • Mã nội tuyến giảm số lượng yêu cầu HTTP giúp cải thiện hiệu suất của trang web. Điều này là do mã được tải trong cùng một trang nên không cần yêu cầu
  • Tập lệnh nội tuyến được thực thi ngay lập tức

Mặc dù mã nội tuyến khó đọc và phân tích hơn nhiều vì nó trông giống như một khối mã được ghép lại với nhau. Thật khó để tìm ra vấn đề khi gỡ lỗi, khiến cuộc sống của một lập trình viên trở nên khó khăn

JavaScript nội tuyến là gì?

Trong JavaScript, hàm nội tuyến là một loại hàm ẩn danh đặc biệt được gán cho một biến , hay nói cách khác, một hàm ẩn danh .

Những lợi thế của việc sử dụng JavaScript bên ngoài so với nội bộ và nội tuyến là gì?

Ưu điểm của JavaScript bên ngoài . Nó tách HTML và mã . Nó làm cho HTML và JavaScript dễ đọc và dễ bảo trì hơn. Các tệp JavaScript được lưu trong bộ nhớ cache có thể tăng tốc độ tải trang.

JavaScript nội tuyến có nhanh hơn không?

Trong điều khoản thô, Nội tuyến nhanh hơn .

Ưu điểm của JavaScript nội bộ là gì?

Ưu điểm của Javascript Nội bộ . loads faster than pages that must reference external code.