JavaScript là nội bộ hay bên ngoài?
|
Để hiển thị hoạt động của JavaScript bên ngoài, chỉ cần tạo một “. js” và nhập các dòng sau vào bên trong tệp đó Show
function showAlert () { Đối với ví dụ này, tên tệp JavaScript là “script. js” Bây giờ, hãy tạo một tài liệu HTML mới và trong tệp HTML đó, sử dụng thẻ tập lệnh để xác định loại tập lệnh sẽ được sử dụng và sau đó liên kết đến tệp tập lệnh dưới dạng < đầu > This script tag for the external JavaScript can be placed in both the tag and in the tag, both have their own pros and cons.Sau đó, trong thẻ body, thêm các dòng sau < cơ thể > Khởi động tài liệu HTML và quan sát đầu ra sau  Bây giờ hãy nhấn nút để cảnh báo bằng chức năng được viết bằng JavaScript bên ngoài Rõ ràng từ ảnh chụp màn hình ở trên, JavaScript bên ngoài hoạt động hoàn toàn tốt Tại sao nên sử dụng JavaScript bên ngoài?Có nhiều lý do tại sao một người nên sử dụng JavaScript bên ngoài, chẳng hạn như
JavaScript bên ngoài vượt trội hơn nhiều so với JavaScript bên trong, đặc biệt là khi làm việc với các ứng dụng quy mô lớn Hạn chế của JavaScript bên ngoàiChỉ có một nhược điểm lớn của việc sử dụng JavaScript bên ngoài. trình duyệt phải thực hiện một yêu cầu bổ sung tới máy chủ cho tệp JavaScript. Ngoài điều này, không có nhiều nhược điểm đáng kể đối với JavaScript bên ngoài Gói (lạiBất cứ khi nào phần JavaScript của trang web hoặc ứng dụng web được đặt trong một tệp khác với HTML và sau đó được liên kết bên trong tài liệu HTML, nó được gọi là JavaScript bên ngoài. Để sử dụng JavaScript bên ngoài, hãy tạo một tệp có phần “. tiện ích mở rộng js. Sau đó, tạo một thẻ script trong tài liệu HTML và chuyển đường dẫn đến tệp JavaScript đó vào thuộc tính “src” của thẻ Khi một thẻ script được sử dụng trong tệp HTML, nó được gọi là inlining. Điều này có nghĩa là không có tệp JS bên ngoài nào được sử dụng thay vì JavaScript được đưa vào tệp HTMLKhi JavaScript được viết trong phần tử html bằng cách sử dụng các thuộc tính liên quan đến các sự kiện của phần tử thì nó được gọi là JavaScript nội tuyến Lợi ích của JavaScript nội tuyếnĐiều này cực kỳ thuận lợi vì nó có thể lưu các chuyến đi khứ hồi của trình duyệt web đến máy chủ. Điều này là do nó không còn yêu cầu tệp bên ngoài để tải xuống từ phía máy chủ Tập lệnh nội tuyến thường được nhìn thấy ở những nơi như mã theo dõi Google Analytics, xác minh trang web cũng như giới thiệu và đặt tiêu chí tập lệnh bên ngoài và độc quyền cho Công cụ quản trị trang web Ví dụ về JavaScript nội tuyến .
Ghi chú. Sử dụng JavaScript nội tuyến là một phương pháp không phù hợp và không được khuyến nghị. JavaScript nội bộMã JavaScript nội bộ là mã được đặt ở bất kỳ đâu trong trang web giữa các thẻ HTML . Nhiều nhà phát triển web chọn đặt mã JavaScript của họ trước thẻ. Khi JavaScript được viết trong phần bằng phần tử thì nó được gọi là JavaScript nội bộ. Nếu số lượng dòng Javascript tương đối nhỏ, một trang web có Javascript bên trong sẽ tải nhanh hơn các trang phải tham chiếu mã bên ngoài. Điều này là do, khi trình duyệt web tải trang và bắt gặp tham chiếu đến mã bên ngoài, nó phải thực hiện một yêu cầu riêng tới máy chủ web để tìm nạp mã Ví dụ về JavaScript nội bộ .
JavaScript bên ngoàiMã JavaScript được đặt trong một tệp tách biệt với mã HTML được gọi là JavaScript bên ngoài. Mã JavaScript bên ngoài được viết và sử dụng giống như mã JavaScript bên trong. Tệp phải có ". js" tiện ích mở rộng. Viết tập lệnh java trong một tệp riêng có phần mở rộng. js được gọi là JavaScript bên ngoài. Để sử dụng tập lệnh bên ngoài, hãy nhập tên của tệp tập lệnh vào thuộc tính Hãy tạo một tệp JavaScript bên ngoài in Chào mừng bạn đến với CodeShikhi trong hộp thoại cảnh báo alertmsg. js function msg(){
alert("Welcome to CodeShikhi");
}Tạo một trang html và sử dụng các hàm tệp. js như sau chỉ mục. html
Ghi chú. Bạn có thể đặt tham chiếu tập lệnh bên ngoài vào hoặc as you like. External scripts cannot contain
|
