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ì?

JavaScript là một trong những ngôn ngữ lập trình được giải thích, nhẹ và được biên dịch phổ biến nhất. Nó là đồng bộ và đơn luồng. Các chương trình trong JavaScript được gọi là tập lệnh được thực thi dưới dạng văn bản thuần túy. Chúng tôi có thể viết các tập lệnh này trực tiếp trên trang HTML của mình hoặc sử dụng tệp JavaScript bên ngoài. JavaScript có thể thực thi trong trình duyệt và cả trên máy chủ hoặc trên thực tế trên bất kỳ thiết bị nào có chương trình đặc biệt gọi là công cụ JavaScript. JavaScript được sử dụng cho phía máy chủ cũng như trong các phát triển phía máy khách

Có 2 cách để sử dụng javascript trong tệp HTML

  • Internal JavaScript: JavaScript can be added directly to the HTML file by writing the code inside the 3>

    Hi Geeks, Welcome to GfG
    2<___
    7
    8
    7>

    Hi Geeks, Welcome to GfG
    2<
    
    
    
    
    
    
    3>

     

    Hi Geeks, Welcome to GfG
    8_______109_______>

    đầu ra

    Hi Geeks, Welcome to GfG

    Ví dụ. Ví dụ này mô tả việc sử dụng Javascript bên ngoài

    HTML




    <html>

     

    <

    Hi Geeks, Welcome to GfG
    0>

    Hi Geeks, Welcome to GfG
    2<
    Hi Geeks, Welcome to GfG
    4html2_______0_______4>

    Hi Geeks, Welcome to GfG
    8_______0_______0>

     

    <

    3>

    Hi Geeks, Welcome to GfG
    2<___
    7
    8
    7>7

    
    
    
    
    3>

     

    Hi Geeks, Welcome to GfG
    8_______109_______>

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

    Javascript




    <5____108_______6<7

    đầu ra.  

    Hi Geeks, Welcome to GfG

    JavaScript bên ngoài là gì?

    External JavaScript is when the JavaScript Code(script) is written in another file having an extension .js and then we link this file inside the or tag of our HTML file in which the code is to be added. The use of external JavaScript is more practical when the same code is to be used in many different web pages. Using an external script is easy , just put the name of the script file(our .js file) in the src (source) attribute of

    Giá trị thuộc tính

    • loại. Nó được sử dụng để chỉ định loại tập lệnh MIME và xác định nội dung của Thẻ. Nó có một giá trị mặc định là “ văn bản/javascript” .
    • src. Nó được sử dụng để chỉ định URL của an tệp JavaScript bên ngoài.
    • không đồng bộ. Nó là một thuộc tính boolean. Khi xuất hiện, nó chỉ định rằng tập lệnh sẽ được thực thi không đồng bộ khi có sẵn.
    • trì hoãn. Đó là một thuộc tính boolean that được sử dụng để chỉ định rằng tập lệnh được thực thi khi trang đã hoàn tất quá trình phân tích cú pháp.
    • chính trực. Nó được sử dụng để cấp quyền cho Trình duyệt kiểm tra tập lệnh đã tìm nạp để đảm bảo mã nguồn không bao giờ được tải.
    • chính sách giới thiệu. Nó được sử dụng để chỉ định thông tin tham chiếu sẽ được gửi đến máy chủ khi tìm nạp tập lệnh.

    Multiple script files can also be added to one page using several

 

<

3>

Hi Geeks, Welcome to GfG
2<___
7
Hi Geeks, Welcome to GfG
54 3
Hi Geeks, Welcome to GfG
56
8
7>

Hi Geeks, Welcome to GfG
2<___


3>

 

Hi Geeks, Welcome to GfG
8_______109_______>

mã JS

GfG. js




Hi Geeks, Welcome to GfG
76
Hi Geeks, Welcome to GfG
77<7

Hi Geeks, Welcome to GfG
79
Hi Geeks, Welcome to GfG
80
Hi Geeks, Welcome to GfG
81
Hi Geeks, Welcome to GfG
82
Hi Geeks, Welcome to GfG
83

Hi Geeks, Welcome to GfG
84
Hi Geeks, Welcome to GfG
85<6
Hi Geeks, Welcome to GfG
87

Hi Geeks, Welcome to GfG
88

đầu ra. Khi con trỏ đã di chuột vào phần tử, văn bản bên trong phần tử (i. e GeekforGeeks) thay đổi thành “Xin chào các chuyên viên máy tính, Chào mừng đến với GfG”.  

Lợi ích của việc sử dụng tập lệnh trong tệp bên ngoài thay vì nội tuyến là gì?

Tập lệnh bên ngoài . Các thuộc tính async và defer có hiệu lực, vì vậy nếu có các thuộc tính này, tập lệnh sẽ thay đổi hành vi mặc định. Điều này là không thể với các tập lệnh nội tuyến. better separation of concerns and maintainability. The async and defer attributes have effect so if this attributes are present the script will change the default behavior. This is not possible with inline scripts.

Sự khác biệt giữa JavaScript nội tuyến và bên ngoài là gì?

Mã JavaScript được nhúng với tài liệu HTML được gọi là JavaScript nội tuyến. Mặt khác, tài liệu HTML có thể đề cập đến một tệp riêng biệt chứa chương trình JavaScript, trong trường hợp đó, nó được gọi là JavaScript bên ngoài

JavaScript bên ngoài có tốt hơn không?

Để nâng cao hiệu suất, hãy cố gắng giữ JavaScript bên ngoài. Mã riêng biệt giúp trình duyệt web lưu vào bộ đệm dễ dàng hơn. Tuy nhiên, chỉ sử dụng tập lệnh nội tuyến khi bạn tạo trang web một trang. Tuy nhiên, tốt hơn là sử dụng mã bên ngoài i. e. JavaScript bên ngoài .

Lợi thế của việc sử dụng các tệp js và CSS bên ngoài là gì?

Lợi ích chính đầu tiên của việc sử dụng biểu định kiểu CSS bên ngoài và tệp JavaScript bên ngoài là thời gian tải trang web của bạn nhanh hơn . Theo một thử nghiệm tại Google, thậm chí chênh lệch nửa giây trong thời gian tải trang có thể tạo ra sự khác biệt 20% về lượng lưu lượng truy cập mà các trang đó giữ lại.