Javascript được thực thi ở đâu trong html?

Question

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ư

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

4) ở 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

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
JavaScript đi đâu trong HTML?
JavaScript được thực thi ở đâu?
Bạn có thể đặt JavaScript ở bất cứ đâu trong HTML không?

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ư

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

5

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ẻ

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

6

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ẻ

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

6 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ẻ

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

6 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ó ____12. 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ẻ

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

6, 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ẻ

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

6. 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

<script src="/path/to/script.js"></script>

0

________số 8

Ở đây,

<script src="/path/to/script.js"></script>

1 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,

<script src="/path/to/script.js"></script>

2, giống như

<script src="/path/to/script.js"></script>

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

<script src="/path/to/script.js"></script>

4 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ụ

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

4

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

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

5

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

<script src="/path/to/script.js"></script>

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

Một thẻ

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

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

<script src="/path/to/script.js"></script>

0 bên trong

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

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

8

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

<script src="/path/to/script.js"></script>

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

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

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

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

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

0

Bản tóm tắt

Chúng tôi có thể sử dụng thẻ
```
<script type="text/javascript"></script>
```
6 để 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
```
<script type="text/javascript"></script>
```
43

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

Javascript được thực thi ở đâu trong html?

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

JavaScript đi đâu trong HTML?

JavaScript được thực thi ở đâu?

Bạn có thể đặt JavaScript ở bất cứ đâu trong HTML không?

Bài Viết Liên Quan

MỚI CẬP NHẬP

Xem Nhiều

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội