search

Cách chạy javascript trong notepad++

Ngày đăng: 16/01/2023
Trả lời: 0
Lượt xem: 34

Là ngôn ngữ kịch bản phía máy khách, JavaScript cần một số máy khách để diễn giải và thực thi nó. Trong trường hợp ứng dụng web, chúng tôi có thể sử dụng bất kỳ trình duyệt web nào được hỗ trợ làm nền tảng để thực thi JavaScript. Trong các phần bên dưới, hãy hiểu cách JavaScript chạy trong trình duyệt web và cách công cụ JavaScript diễn giải mã JavaScript. Hơn nữa, chúng ta cũng sẽ hiểu cách JavaScript có thể tích hợp trong các phần khác nhau của trang HTML

Show

  • JavaScript chạy trong trình duyệt web như thế nào?

  • Làm cách nào để nhúng và thực thi JavaScript trong trình duyệt web?

    • Quy trình nhúng và thực thi JavaScript trong thẻ HTML ?

    • Làm cách nào để nhúng và thực thi JavaScript trong HTML ?

    • Làm cách nào để nhúng tệp JavaScript bên ngoài vào HTML?

  • Quy trình chẩn đoán lỗi trong JavaScript?

JavaScript chạy trong trình duyệt web như thế nào?

JavaScript là ngôn ngữ được giải thích trong đó mã được giải thích và thực thi trong thời gian chạy. Ngoài ra, chúng tôi biết rằng các trình duyệt web hiểu HTML và CSS và chuyển đổi các ngôn ngữ đó thành hiển thị trực quan trên màn hình. Phần trình duyệt web hiểu được HTML và CSS được gọi là công cụ kết xuất. Tuy nhiên, hầu hết các trình duyệt cũng có trình thông dịch JavaScript. Đó là một phần của trình duyệt hiểu JavaScript và chạy các chương trình JavaScript. Kiến trúc điển hình của trình duyệt trông như bên dưới

Cách chạy javascript trong notepad++

Như chúng ta có thể thấy, công cụ Kết xuất của trình duyệt tương tác với "Trình thông dịch của JavaScript" và gửi mã JavaScript tới công cụ JavaScript để xử lý
Công cụ JavaScript/Trình thông dịch JavaScript bao gồm cả Trình thông dịch và trình biên dịch Just in Time. Ngoài ra, việc thực thi tổng thể JavaScript là một quy trình gồm 5 bước, như thể hiện trong hình bên dưới.

Cách chạy javascript trong notepad++

  1. Công cụ JavaScript tải mã nguồn
  2. Trình thông dịch bắt đầu ứng dụng
  3. Trình biên dịch nhận mã
  4. Trình biên dịch bắt đầu tối ưu hóa và biên dịch
  5. Trình biên dịch tăng dần tối ưu hóa mã

Bây giờ khi chúng ta nói về các công cụ JavaScript, mỗi trình duyệt đều có các công cụ được cài đặt sẵn. Dưới đây là một số công cụ JavaScript được phát triển và sử dụng bởi một số trình duyệt chính

  • Động cơ V8. Công cụ này được phát triển bởi Google, là một trong những Công cụ được sử dụng nhiều nhất trong chrome, crom và thậm chí cả trong NodeJS
  • Khỉ nhện. Mozilla đã phát triển công cụ này được sử dụng trong trình duyệt Firefox
  • JavaScriptCore. Công cụ này được phát triển bởi Apple được sử dụng trong trình duyệt Safari
  • luân xa. Microsoft đã phát triển công cụ này được sử dụng trong trình duyệt Edge và Internet Explorer
  • Động cơ Hermes. Facebook đã phát triển công cụ này được sử dụng trong các ứng dụng Android

Làm cách nào để nhúng và chạy JavaScript trong trình duyệt web?

Trình duyệt web thường mong đợi HTML, vì vậy bạn phải thông báo cụ thể cho trình duyệt biết khi nào có JavaScript bằng cách sử dụng thẻ , nó biết rằng nó đã kết thúc chương trình JavaScript và có thể quay lại các nhiệm vụ bình thường của nó. Hãy cùng tìm hiểu trong các phần sau, cách mã JavaScript nhúng bên trong tệp HTML

How to embed and execute JavaScript in the HTML tag?

Thẻ Html

Cách chạy javascript trong notepad++

Trong ví dụ trên, chúng ta đã tạo một hàm trong tiêu đề và gọi hàm đó trong thẻ body. Tại thời điểm này, đừng lo lắng về hàm là gì và cách sử dụng nó vì chúng tôi sẽ đề cập đến nó trong bài viết về hàm

Làm cách nào để nhúng tệp JavaScript bên ngoài vào HTML?

Ngoài các cách tích hợp JavaScript trong HTML ở trên, chúng ta có thể lưu JavaScript dưới dạng tệp script riêng với. js và bao gồm phần mở rộng tương tự bên trong mã HTML bằng thuộc tính src của thẻ 

<html>
<head>
    <title>My First Program with Errortitle>
head>
 
<body>
<script language = "javascript" type = "text/javascript">
    document.write(Hello World!)
script>
body>
html>

Lưu tệp với tên firstProgramWithError. html và mở nó trong trình duyệt. Nó sẽ hiển thị đầu ra như

Cách chạy javascript trong notepad++

Như chúng ta có thể thấy từ ảnh chụp màn hình ở trên, không có gì trên trang HTML. Do đó, điều này khiến người ta nghi ngờ rằng có điều gì đó không ổn, vì đầu ra không như mong đợi. Vì vậy, làm thế nào để kiểm tra lỗi là gì? . Hãy xem xét chúng tôi đang sử dụng "Chrome" xem chương trình của chúng tôi. Vì vậy, chúng tôi có thể mở "Bảng điều khiển lỗi" trong chrome bằng các bước sau để xem lỗi do chương trình của chúng tôi đưa ra

1. Đầu tiên, Nhấp chuột phải vào bất kỳ đâu trong chế độ xem của trình duyệt để mở menu ngữ cảnh như bên dưới

Cách chạy javascript trong notepad++

2. Thứ hai, nhấp vào mục "Kiểm tra" trong Menu ngữ cảnh. " Nó sẽ mở các công cụ chrome-dev. Chọn tab "bảng điều khiển" như được đánh dấu trong ảnh chụp màn hình bên dưới

Cách chạy javascript trong notepad++

3. Cuối cùng, nếu chúng ta mở lại chương trình firstProgramWithError ở trên. html trong chrome, nó hiển thị đầu ra như bên dưới.

Cách chạy javascript trong notepad++

4. Vì vậy, nó hiển thị lỗi trong tab "Bảng điều khiển" và đề cập đến lỗi nằm trong "dòng 8" của tệp

Do đó, người dùng có thể nhanh chóng chẩn đoán bất kỳ lỗi nào, nếu có, trong mã JavaScript. Tương tự, các trình duyệt khác cũng cung cấp cửa sổ "Bảng điều khiển lỗi". Đến lượt nó, chẩn đoán lỗi JavaScript bất cứ khi nào có lỗi phát sinh trong một mã JavaScript cụ thể

Chìa khóa rút ra