Hướng dẫn how javascript code is executed in browser - cách mã javascript được thực thi trong trình duyệt

Trong bài viết này, chúng tôi sẽ tìm hiểu cách tệp .js được thực thi trên trình duyệt bằng cách sử dụng nhiều cách tiếp cận sau. Tham khảo lập trình phía máy chủ và phía máy khách, để biết kiến ​​thức chuyên sâu về JavaScript.

Làm thế nào là .js được thực hiện bởi trình duyệt?

Mỗi trình duyệt web đều đi kèm với một công cụ JavaScript cung cấp môi trường thời gian chạy JavaScript. Ví dụ: Google Chrome sử dụng động cơ V8 JavaScript, được phát triển bởi Lars Bak. V8 là một công cụ JavaScript nguồn mở được phát triển cho các trình duyệt web của Google Chrome và Chromium bởi Dự án Chromium.Lars Bak. V8 is an open-source JavaScript engine developed for Google Chrome and Chromium web browsers by The Chromium Project.

Trình thông dịch tích hợp trình duyệt tìm kiếm cho TAG hoặc .JS & NBSP; tệp được liên kết với tệp HTML trong khi tải một trang web, sau đó bắt đầu diễn giải và thực thi.

Ví dụ: Trong phương pháp này, chúng tôi đã viết mã JavaScript trong tệp HTML bằng cách sử dụng thẻ. Phương pháp này thường được ưa thích khi chỉ cần một vài dòng mã JS trong một dự án web. Trình thông dịch tích hợp trình duyệt tìm kiếm thẻ trong tệp HTML trong khi tải một trang web, sau đó bắt đầu diễn giải và thực thi.: In this approach, we have written JavaScript code within the HTML file itself by using the 0<

2>

4

5

6

7

8

9

8

app.js

1

4

app.js

3

6

app.js

5

0

app.js

7

2>

app.js

7body>

app.js

7html>

Output:

Cách tiếp cận 2: Sử dụng với tham số SRC SRC:

Syntax: 

Parameters:

• SRC: Đường dẫn tệp cho tệp JavaScript file path for the JavaScript file

Để biết thêm về đường dẫn tệp tham khảo tên đường dẫn trong thư mục tệp.

Ví dụ: Dưới đây là mã JavaScript từ ví dụ trước, chúng tôi muốn thực thi mã này bằng cách tuân theo một cách tiếp cận riêng biệt khác. Chúng tôi sẽ tạo một tệp riêng biệt ứng dụng ứng dụng, và đặt mã bên dưới trong tệp này. Below is the Javascript code from the previous example, we want to execute this code by following a different separate approach. We will create a separate file “app.js“, and put the code below in this “.js” file.

app.js

Bây giờ, chúng tôi sẽ sử dụng mã dưới đây để liên kết tệp ‘.js‘ với tệp HTML. Đối với nhiệm vụ này, chúng tôi sẽ sử dụng một thẻ nơi chúng tôi sẽ cung cấp đường dẫn tệp của tệp .js của chúng tôi trong tham số SRC. Theo cách này khi tệp HTML của chúng tôi bắt đầu được tải trong trình duyệt thì trình duyệt trình thông dịch tích hợp của trình duyệt tìm kiếm cho TAG hoặc .JS & NBSP; tệp được liên kết với tệp HTML, sau đó bắt đầu diễn giải và thực thi..js‘ file with the HTML file. For this task, we will use a