Chạy JavaScript

Question

Bạn chỉ có thể chạy tệp JavaScript của mình từ thiết bị đầu cuối nếu bạn đã cài đặt Node. Js trong hệ thống của bạn. Cài đặt nút. js từ Các bước để cài đặt Nút. js

Nội dung chính Show

Thẻ "kịch bản"
đánh dấu hiện đại
tập lệnh bên ngoài
Bản tóm tắt
Làm cách nào để chạy một hàm JavaScript?
Làm cách nào để chạy JavaScript trong cmd?
Làm cách nào để chạy tệp js trong HTML?
Làm cách nào để chạy tệp JavaScript trực tuyến?

If you have already installed it, then simply open the terminal and type “node .js”.

ví dụ 1. Tạo một tệp JavaScript. Đặt tên cho tệp này là Mới. js.

jav

9

0

1

2

3

4

5

đầu ra

bước

Mở Terminal hoặc Command Prompt
Đặt đường dẫn đến nơi mới. js được định vị (sử dụng cd)
Nhập “nút Mới. js” và nhấn ENTER

ví dụ 2. Tạo một tệp JavaScript Đặt tên cho tệp này là New2. js.

jav

6

0

1

2

3

4

5

đầu ra

JavaScript được biết đến nhiều nhất để phát triển trang web nhưng cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể tìm hiểu về JavaScript từ đầu bằng cách làm theo Hướng dẫn về JavaScript và Ví dụ về JavaScript

Nhưng chúng tôi cần một môi trường làm việc để chạy các tập lệnh của mình và vì cuốn sách này trực tuyến nên trình duyệt là một lựa chọn tốt. Chúng tôi sẽ giữ số lượng lệnh dành riêng cho trình duyệt (như

0) ở mức tối thiểu để bạn không dành thời gian cho chúng nếu bạn định tập trung vào một môi trường khác (như Node. js). Chúng tôi sẽ tập trung vào JavaScript trong trình duyệt trong phần tiếp theo của hướng dẫn

Vì vậy, trước tiên, hãy xem cách chúng tôi đính kèm tập lệnh vào trang web. Đối với môi trường phía máy chủ (như Node. js), bạn có thể thực thi tập lệnh bằng lệnh như

1

Thẻ "kịch bản"

Các chương trình JavaScript có thể được chèn vào hầu hết mọi nơi trong tài liệu HTML bằng cách sử dụng thẻ

2

Ví dụ

<!DOCTYPE HTML>
<html>

<body>

  <p>Before the script...</p>

  <script>
    alert( 'Hello, world!' );
  </script>

  <p>...After the script.</p>

</body>

</html>

Bạn có thể chạy ví dụ bằng cách nhấp vào nút “Phát” ở góc trên cùng bên phải của hộp ở trên

Thẻ

2 chứa mã JavaScript được thực thi tự động khi trình duyệt xử lý thẻ

đánh dấu hiện đại

Thẻ

2 có một vài thuộc tính ngày nay hiếm khi được sử dụng nhưng vẫn có thể tìm thấy trong mã cũ

Thuộc tính

<script type="text/javascript"><!--
    ...
//--></script>

2.

<script type="text/javascript"><!--
    ...
//--></script>

3

Tiêu chuẩn HTML cũ, HTML4, yêu cầu tập lệnh phải có

<script type="text/javascript"><!--
    ...
//--></script>

2. Thông thường nó là

<script type="text/javascript"><!--
    ...
//--></script>

5. Nó không còn cần thiết nữa. Ngoài ra, tiêu chuẩn HTML hiện đại đã thay đổi hoàn toàn ý nghĩa của thuộc tính này. Giờ đây, nó có thể được sử dụng cho các mô-đun JavaScript. Nhưng đó là một chủ đề nâng cao, chúng ta sẽ nói về các mô-đun trong phần khác của hướng dẫn

Thuộc tính

<script type="text/javascript"><!--
    ...
//--></script>

6.

<script type="text/javascript"><!--
    ...
//--></script>

7

Thuộc tính này nhằm hiển thị ngôn ngữ của tập lệnh. Thuộc tính này không còn có ý nghĩa vì JavaScript là ngôn ngữ mặc định. Không có nhu cầu sử dụng nó

Nhận xét trước và sau tập lệnh

Trong những cuốn sách và hướng dẫn thực sự cổ xưa, bạn có thể tìm thấy những bình luận bên trong các thẻ

2, như thế này

<script type="text/javascript"><!--
    ...
//--></script>

Thủ thuật này không được sử dụng trong JavaScript hiện đại. Những nhận xét này ẩn mã JavaScript khỏi các trình duyệt cũ không biết cách xử lý thẻ

2. Vì các trình duyệt được phát hành trong 15 năm qua không gặp sự cố này nên loại nhận xét này có thể giúp bạn xác định mã thực sự cũ

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

Nếu chúng tôi có nhiều mã JavaScript, chúng tôi có thể đặt nó vào một tệp riêng

Các tệp tập lệnh được đính kèm vào HTML với thuộc tính

30

3

Ở đây,

31 là đường dẫn tuyệt đối đến tập lệnh từ thư mục gốc của trang. Người ta cũng có thể cung cấp một đường dẫn tương đối từ trang hiện tại. Chẳng hạn,

32, giống như

33, có nghĩa là tệp

34 trong thư mục hiện tại

Chúng tôi cũng có thể cung cấp một URL đầy đủ. Ví dụ

9

Để đính kèm một số tập lệnh, hãy sử dụng nhiều thẻ

0

Xin lưu ý

Theo quy định, chỉ những tập lệnh đơn giản nhất mới được đưa vào HTML. Những cái phức tạp hơn nằm trong các tệp riêng biệt

Lợi ích của một tệp riêng biệt là trình duyệt sẽ tải xuống và lưu trữ trong bộ đệm của nó

Các trang khác tham chiếu đến cùng một tập lệnh sẽ lấy tập lệnh đó từ bộ đệm thay vì tải xuống, vì vậy tệp thực sự chỉ được tải xuống một lần

Điều đó làm giảm lưu lượng truy cập và làm cho các trang nhanh hơn

Nếu đặt

30, nội dung tập lệnh sẽ bị bỏ qua

Một thẻ

2 không thể có cả thuộc tính và mã

30 bên trong

Điều này sẽ không hoạt động

3

Chúng tôi phải chọn một

38 bên ngoài hoặc một

2 thông thường có mã

Ví dụ trên có thể tách thành 2 script để làm việc

5

Bản tóm tắt

Chúng tôi có thể sử dụng thẻ
```
4
```
2 để thêm mã JavaScript vào trang

Các thuộc tính

<script type="text/javascript"><!--
    ...
//--></script>

2 và

<script type="text/javascript"><!--
    ...
//--></script>

6 không bắt buộc

Tập lệnh trong tệp bên ngoài có thể được chèn bằng
```
4
```
93

Còn nhiều điều nữa để tìm hiểu về tập lệnh trình duyệt và tương tác của chúng với trang web. Nhưng hãy nhớ rằng phần này của hướng dẫn dành cho ngôn ngữ JavaScript, vì vậy chúng ta không nên phân tâm với việc triển khai ngôn ngữ này trên trình duyệt cụ thể. Chúng tôi sẽ sử dụng trình duyệt như một cách để chạy JavaScript, rất thuận tiện cho việc đọc trực tuyến, nhưng chỉ là một trong nhiều

Làm cách nào để chạy một hàm JavaScript?

Sử dụng từ khóa hàm theo sau là tên của hàm . Sau tên hàm, mở và đóng dấu ngoặc đơn. Sau dấu ngoặc đơn, mở và đóng dấu ngoặc nhọn. Trong dấu ngoặc nhọn, hãy viết các dòng mã của bạn.

Làm cách nào để chạy JavaScript trong cmd?

Ví dụ dưới đây minh họa cách chạy mã JavaScript tại Dấu nhắc Lệnh. Nhập từng bước trong dòng đầu cuối theo dòng. // Hàm JavaScript cơ bản let a = 10; . log( "Gia tri cua a + b la " , a+b );

Làm cách nào để chạy tệp js trong HTML?

Để bao gồm một tệp JavaScript bên ngoài, chúng ta có thể sử dụng thẻ script với thuộc tính src . Bạn đã sử dụng thuộc tính src khi sử dụng hình ảnh. Giá trị cho thuộc tính src phải là đường dẫn đến tệp JavaScript của bạn. Thẻ tập lệnh này phải được bao gồm giữa các thẻ