Có bao nhiêu tập lệnh có thể được nhúng trong tài liệu html5?

Question

Trong bài viết này, bạn sẽ tìm hiểu về cách chèn mã JavaScript vào tài liệu HTML, những cách có thể thực hiện, sự khác biệt giữa những cách này và hơn thế nữa

Nội dung chính Show

điều kiện tiên quyết
Có một sự khác biệt?
Tham khảo tệp Script bên ngoài
Thuộc tính toàn cầu
Bạn có thể có 2 tập lệnh trong HTML không?
Có bao nhiêu khối mã JavaScript có thể được nhúng trong một tài liệu HTML?
Thẻ html5 nào được sử dụng để bao gồm tập lệnh?
JavaScript được nhúng trong HTML như thế nào?

Ưu điểm của JavaScript bên ngoài

Đặt mã JavaScript vào tệp js bên ngoài có một số lợi thế so với tập lệnh nội tuyến

Việc tách mã HTML và JavaScript sẽ giúp quản lý cơ sở mã dễ dàng hơn
Các nhà thiết kế có thể làm việc song song với các lập trình viên mà không bị xung đột mã
Hoạt động tốt với các hệ thống kiểm soát phiên bản mã nguồn hiện đại như GIT. Điều đó có nghĩa là mỗi tệp này sẽ duy trì một lịch sử và nó có thể được kiểm tra, kiểm tra bởi nhiều lập trình viên
Mã cũng như HTML có thể đọc được dễ dàng
Các tệp JavaScript bên ngoài được trình duyệt lưu vào bộ đệm và có thể tăng tốc thời gian tải trang
Nhiều gói JavaScript phổ biến có sẵn dưới dạng được lưu trữ trên mạng phân phối nội dung (cdn) và bạn có thể chỉ cần trỏ tới chúng bằng cách sử dụng URL trong src, do đó tránh sao chép tệp js vào thư mục cục bộ

Điều đáng nói là có một số ưu điểm khác, nhưng vì bài viết này dành cho các nhà phát triển không chuyên sâu nên tôi đã chọn không nói về nó

không đồng bộ và trì hoãn

Có nhiều cách để bạn tải JavaScript bên ngoài của mình mà không phải lo lắng về nơi bạn nên đưa nó vào. Hình ảnh này giải thích cách hai thuộc tính này hoạt động và sự khác biệt là gì

53 kết thúc. Bằng cách này, bạn có thể tăng tốc độ tải trang

Tham khảo tệp Script bên ngoài

Thẻ

DOCTYPE html>
<html>
<head>
head>
<body>
    <h1> JavaScript Tutorialsh1>
  
    <script>
        //write JavaScript code here..
        alert('Hello, how are you?')
    script>
body>
html>

2 cũng có thể được sử dụng để đưa tệp script bên ngoài vào trang web HTML bằng cách sử dụng thuộc tính

55

If you don't want to write inline JavaScript code in the

DOCTYPE html>
<html>
<head>
    <script>
        alert('Executing JavaScript 1')
    script>
head>
<body>
    <h1> JavaScript Tutorialsh1>
  
    <script>
        alert('Executing JavaScript 2')
    script>
    
    <p>This page contains multiple script tags.p>
    
    <script>
        alert('Executing JavaScript 3')
    script>
body>
html>

2 tag, then you can also write JavaScript code in a separate file with

57 extension and include it in a web page using 5

Ở trên,

58 trỏ đến tệp JavaScript bên ngoài bằng cách sử dụng thuộc tính

59 trong đó giá trị của thuộc tính

55 là đường dẫn hoặc url mà tệp cần được tải trong trình duyệt từ đó. Lưu ý rằng bạn có thể tải các tệp từ miền của mình cũng như các miền khác

Thuộc tính toàn cầu

DOCTYPE html>
<html>
<head>
head>
<body>
    <h1> JavaScript Tutorialsh1>
  
    <script>
        //write JavaScript code here..
        alert('Hello, how are you?')
    script>
body>
html>

2 có thể chứa các thuộc tính toàn cục sau

AttributeUsageasync

DOCTYPE html>
<html>
<head>
    <script>
        alert('Executing JavaScript 1')
    script>
head>
<body>
    <h1> JavaScript Tutorialsh1>
  
    <script>
        alert('Executing JavaScript 2')
    script>
    
    <p>This page contains multiple script tags.p>
    
    <script>
        alert('Executing JavaScript 3')
    script>
body>
html>

22 thực thi tập lệnh không đồng bộ cùng với phần còn lại của trang. crossorign

DOCTYPE html>
<html>
<head>
    <script>
        alert('Executing JavaScript 1')
    script>
head>
<body>
    <h1> JavaScript Tutorialsh1>
  
    <script>
        alert('Executing JavaScript 2')
    script>
    
    <p>This page contains multiple script tags.p>
    
    <script>
        alert('Executing JavaScript 3')
    script>
body>
html>

23 cho phép ghi nhật ký lỗi cho các trang web sử dụng miền riêng cho phương tiện tĩnh. Giá trị

DOCTYPE html>
<html>
<head>
    <script>
        alert('Executing JavaScript 1')
    script>
head>
<body>
    <h1> JavaScript Tutorialsh1>
  
    <script>
        alert('Executing JavaScript 2')
    script>
    
    <p>This page contains multiple script tags.p>
    
    <script>
        alert('Executing JavaScript 3')
    script>
body>
html>

24 không gửi thông tin đăng nhập, trong khi đó,

DOCTYPE html>
<html>
<head>
    <script>
        alert('Executing JavaScript 1')
    script>
head>
<body>
    <h1> JavaScript Tutorialsh1>
  
    <script>
        alert('Executing JavaScript 2')
    script>
    
    <p>This page contains multiple script tags.p>
    
    <script>
        alert('Executing JavaScript 3')
    script>
body>
html>

25 gửi thông tin đăng nhập. defer

DOCTYPE html>
<html>
<head>
    <script>
        alert('Executing JavaScript 1')
    script>
head>
<body>
    <h1> JavaScript Tutorialsh1>
  
    <script>
        alert('Executing JavaScript 2')
    script>
    
    <p>This page contains multiple script tags.p>
    
    <script>
        alert('Executing JavaScript 3')
    script>
body>
html>

26 thực thi tập lệnh sau khi tài liệu được phân tích cú pháp và trước khi kích hoạt sự kiện DOMContentLoaded. src______327 chỉ định URI/đường dẫn của tệp tập lệnh bên ngoài;type

DOCTYPE html>
<html>
<head>
    <script>
        alert('Executing JavaScript 1')
    script>
head>
<body>
    <h1> JavaScript Tutorialsh1>
  
    <script>
        alert('Executing JavaScript 2')
    script>
    
    <p>This page contains multiple script tags.p>
    
    <script>
        alert('Executing JavaScript 3')
    script>
body>
html>

28 chỉ định loại tập lệnh chứa e. g. văn bản\javascript, văn bản\html, văn bản\thuần túy, ứng dụng\json, ứng dụng\pdf, v.v. chính sách liên kết giới thiệu

DOCTYPE html>
<html>
<head>
    <script>
        alert('Executing JavaScript 1')
    script>
head>
<body>
    <h1> JavaScript Tutorialsh1>
  
    <script>
        alert('Executing JavaScript 2')
    script>
    
    <p>This page contains multiple script tags.p>
    
    <script>
        alert('Executing JavaScript 3')
    script>
body>
html>

29 chỉ định thông tin liên kết giới thiệu nào sẽ gửi khi tìm nạp tập lệnh. Các giá trị có thể là không giới thiệu, không giới thiệu khi hạ cấp, nguồn gốc, cùng nguồn gốc, nguồn gốc nghiêm ngặt, v.v. tính toàn vẹn

DOCTYPE html>
<html>
<head>
head>
<body>
    <h1> JavaScript Tutorialsh1>
  
    <script>
        //write JavaScript code here..
        alert('Hello, how are you?')
    script>
body>
html>

20 chỉ định rằng tác nhân người dùng có thể sử dụng để xác minh rằng tài nguyên được tìm nạp đã được phân phối mà không bị thao tác ngoài ý muốn. nomodule

DOCTYPE html>
<html>
<head>
head>
<body>
    <h1> JavaScript Tutorialsh1>
  
    <script>
        //write JavaScript code here..
        alert('Hello, how are you?')
    script>
body>
html>

21 chỉ định rằng tập lệnh không được thực thi trong các trình duyệt hỗ trợ mô-đun ES2015

Bạn có thể có 2 tập lệnh trong HTML không?

Một tệp HTML có thể và thường sẽ có nhiều thành phần tập lệnh và tất cả các mã đều có thể truy cập lẫn nhau. Điều đó có nghĩa là chúng ta có thể có một tệp xác định một số chức năng được gọi bằng mã trong một tệp khác.

Có bao nhiêu khối mã JavaScript có thể được nhúng trong một tài liệu HTML?

Bạn có thể đặt bất kỳ số lượng câu lệnh JavaScript nào giữa các thẻ này; . Thẻ

Thẻ html5 nào được sử dụng để bao gồm tập lệnh?

Thẻ

programming html

Bài Viết Liên Quan

Công thức toán hình lớp 10 học kì 2 năm 2024

Có bao nhiêu tập lệnh có thể được nhúng trong tài liệu html5?

Tham khảo tệp Script bên ngoài

Thuộc tính toàn cầu

Bạn có thể có 2 tập lệnh trong HTML không?

Có bao nhiêu khối mã JavaScript có thể được nhúng trong một tài liệu HTML?

Thẻ html5 nào được sử dụng để bao gồm tập lệnh?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội