Tôi có thể đặt thẻ script ở bất kỳ đâu trong html không?

JavaScript trong phần thân hoặc phần đầu. Các tập lệnh có thể được đặt bên trong phần thân hoặc phần đầu của trang HTML hoặc bên trong cả phần đầu và phần thân

JavaScript trong đầu. Hàm JavaScript được đặt bên trong phần đầu của trang HTML và hàm này được gọi khi nhấp vào nút

ví dụ




0

1
2
3

4
1
6
3

8
1____110
3

12
13

14
15

12
17

8
19____110
3

4
19
6
3

4
1
28
3

8
1____132
33
32
3

8
1
38
39
40
41
42
40
44
45
38
3

8
1_______110
11
40
13
14
40
166
103
10
3

Đặt tập lệnh ở dưới cùng của phần tử sẽ cải thiện tốc độ hiển thị, vì việc giải thích tập lệnh làm chậm màn hình


JavaScript bên ngoài

Tập lệnh cũng có thể được đặt trong các tệp bên ngoài

tệp bên ngoài. myScript. js

function myFunction() {
  tài liệu. getElementById("bản trình diễn"). innerHTML = "Đoạn đã thay đổi. ";
}

Tập lệnh bên ngoài là thực tế khi cùng một mã được sử dụng trong nhiều trang web khác nhau

Các tệp JavaScript có phần mở rộng tệp. js

Để sử dụng tập lệnh bên ngoài, hãy đặt tên của tệp tập lệnh trong thuộc tính



    
        Javascript Head Example
        
    
    
        

Content

More Content

0 (nguồn) của


    
        Javascript Head Example
        
    
    
        

Content

More Content

1

Javascript là ngôn ngữ lập trình linh hoạt và cung cấp cho bạn khả năng tạo nội dung thay đổi khi người dùng tương tác với trang web. Tuy nhiên, để thực hiện những thay đổi đó, bạn phải đảm bảo biến Javascript thành một phần trong trang web của mình và thêm nó vào HTML

Tiêu chuẩn Javascript chỉ định cú pháp của ngôn ngữ Javascript, nhưng nó không mô tả HTML hoặc giải thích cách thêm Javascript vào HTML. Tiêu chuẩn HTML quy định rằng bạn phải sử dụng thẻ



    
        Javascript Head Example
        
    
    
        

Content

More Content

2 để bao gồm mã Javascript bên trong các trang web

Để giúp bạn trong hành trình học ngôn ngữ lập trình, chúng tôi sẽ mô tả cách thêm Javascript vào HTML bằng cách sử dụng thẻ



    
        Javascript Head Example
        
    
    
        

Content

More Content

2, tại sao vị trí của thẻ


    
        Javascript Head Example
        
    
    
        

Content

More Content

2 ảnh hưởng đến cách Javascript thực thi và cách quản lý Javascript bạn thêm vào trang web của mình

Thẻ kịch bản

Thẻ



    
        Javascript Head Example
        
    
    
        

Content

More Content

2 là phương pháp chính xác để thêm Javascript vào HTML. HTML không thể truy cập hoặc thay đổi mã Javascript bên trong thẻ


    
        Javascript Head Example
        
    
    
        

Content

More Content

2, nhưng Javascript có thể truy cập hoặc thay đổi HTML. Các biến được tạo trong một thẻ


    
        Javascript Head Example
        
    
    
        

Content

More Content

2 không thể được truy cập bởi một thẻ


    
        Javascript Head Example
        
    
    
        

Content

More Content

2 khác ở một nơi khác trên trang web

Có hai cách khác nhau để chèn Javascript vào thẻ



    
        Javascript Head Example
        
    
    
        

Content

More Content

2. viết mã trực tiếp bên trong thẻ hoặc chỉ định đường dẫn đến tệp Javascript bên ngoài

Viết mã trực tiếp vào thẻ



    
        Javascript Head Example
        
    
    
        

Content

More Content

2 là tốt nhất cho các đoạn mã nhỏ không yêu cầu thư viện bên ngoài, bảo trì đáng kể hoặc sử dụng lại trên các trang web khác. Đoạn mã Javascript sau thay đổi biến is_udacity nếu trang tải trên địa chỉ web cụ thể của Udacity

Các đoạn mã Javascript dài hơn được nhúng tốt nhất vào thẻ



    
        Javascript Head Example
        
    
    
        

Content

More Content

2 bằng thuộc tính
5. Thuộc tính này được sử dụng tốt nhất cho các tập lệnh dài mà nhà phát triển có thể sử dụng lại trong tương lai

Giá trị của thuộc tính

5 phải là một URL hợp lệ tới tệp mã Javascript (phải có phần mở rộng
7) và không được có mã bên trong chính thẻ


    
        Javascript Head Example
        
    
    
        

Content

More Content

2. Phương pháp nhúng mã này cũng là cách các nhà phát triển kết hợp các khung Javascript như JQuery, Angular và React vào các trang web

Thêm Javascript vào HTML

Javascript ảnh hưởng đến HTML trong các trang web khác nhau tùy thuộc vào vị trí của nó trong trang. Điều này xảy ra vì các trang web thực thi Javascript theo thứ tự

Bạn phải xác định các khung hoặc hàm Javascript trước khi sử dụng mã dựa trên chúng, nếu không trình thông dịch Javascript sẽ không nhận ra các biến hoặc hàm bạn đang sử dụng, có khả năng gây ra lỗi thực thi. Thứ tự Javascript ảnh hưởng đến đầu ra Javascript và Mô hình Đối tượng Tài liệu Javascript (DOM)

Javascript trong đầu trang

Đặt HTML ở đầu trang rất hữu ích cho các tập lệnh dài chứa các chức năng bạn sử dụng lại thường xuyên, chẳng hạn như các khung Javascript. Các tập lệnh Javascript trong phần đầu trang tải trước khi phần thân trang hiển thị, do đó, bất kỳ chức năng nào được tải qua phần đầu trang đều hiển thị với các thẻ Javascript



    
        Javascript Head Example
        
    
    
        

Content

More Content

2 bên trong phần thân trang

Trong khi tải các tập lệnh Javascript ở đầu trang, nội dung của phần thân trang không hiển thị. Hãy cẩn thận để cân bằng nội dung Javascript với thời gian tải. Nếu mất quá nhiều thời gian để tải các tập lệnh này, người dùng web có thể nghĩ rằng có điều gì đó không ổn với trang và rời đi

Hầu hết các nhà phát triển tuân theo tiêu chuẩn thực tế là tải tất cả các tập lệnh và nội dung cho các trang web trong vòng 3 giây. Các nghiên cứu đã chỉ ra rằng người dùng web hiếm khi ở lại một trang web nếu mất hơn 3 giây để tải



    
        Javascript Head Example
        
    
    
        

Content

Sau phần thân trang

Đặt Javascript sau nội dung trang hữu ích cho các tập lệnh phải ảnh hưởng đến nội dung trang sau khi mọi thứ được tải. Vì toàn bộ trang tải trước khi thực thi các tập lệnh này nên người dùng có thể xem nội dung trang nhanh hơn



    
        Javascript Head Example
    
    
        

Content

mọi nơi khác

Bạn có thể đặt đồng thời các thẻ



    
        Javascript Head Example
        
    
    
        

Content

More Content

2 vào đầu trang và thân trang, theo bất kỳ thứ tự nào bạn cần. Cố gắng lập kế hoạch sắp xếp Javascript để nó giảm thiểu thời gian tải trang và được cấu trúc sao cho tất cả các chức năng cần thiết vẫn có sẵn cho các yếu tố mà chúng ảnh hưởng



    
        Javascript Head Example
        
    
    
        

Content

More Content

Quản lý Javascript được thêm vào HTML

Việc thêm Javascript vào HTML bao gồm nhiều thứ hơn là chỉ sử dụng thẻ



    
        Javascript Head Example
        
    
    
        

Content

More Content

2 và đặt nó vào đúng vị trí cho nhu cầu của bạn. Javascript ảnh hưởng đến khả năng truy cập web và có thể khác nhau giữa các trình duyệt. Mọi người đôi khi cũng sử dụng Javascript ở những nơi không cần thiết

khả năng tiếp cận

Sử dụng hoặc đặt Javascript không chính xác có thể gây khó khăn lớn cho người khuyết tật khi điều hướng trang web. Trình đọc màn hình thường không phản ứng khi hộp thoại Javascript bật lên và không có thuộc tính trợ năng trong HTML, trình đọc màn hình có thể không nhận ra khi nội dung của trang thay đổi

Javascript có thể truy cập liên quan đến thao tác HTML và CSS để có khả năng sử dụng và rõ ràng tối đa. Mặc dù chủ đề quá rộng để trình bày chi tiết ở đây, nhưng bạn nên cố gắng làm cho Javascript của mình có thể truy cập được ở bất kỳ đâu trên trang web

Biến thể trình duyệt

Các trình duyệt web hiện đại có cách triển khai Javascript tương đối nhất quán, vì vậy các nhà phát triển thường có thể chắc chắn rằng một phương thức sẽ hoạt động trên một trình duyệt giống như trên một trình duyệt khác. Tuy nhiên, đôi khi bạn có thể cần hỗ trợ các trình duyệt cũ hơn không triển khai các khả năng Javascript mới hơn

Trong những trường hợp đó, bạn nên chèn một polyfill, một đoạn mã Javascript bắt chước hành động của các tính năng Javascript mới hơn trong khi sử dụng cú pháp Javascript cũ hơn. Polyfill có xu hướng là các đoạn mã dài và phức tạp, vì vậy nên thêm chúng vào một trang tại thời điểm mà chúng không làm chậm quá trình tải hoặc thời gian thực thi.

Javascript cần thiết

Thật dễ dàng để cho rằng Javascript là giải pháp cho mọi vấn đề, nhưng không phải mọi vấn đề động mà một trang web thực hiện đều yêu cầu Javascript hoạt động. Ví dụ: nhiều trang web hiện đại thường dựa vào Javascript để mở menu thả xuống, nhưng bộ chọn CSS



    
        Javascript Head Example
        
    
    
        

Content

2 có thể làm điều tương tự với ít mã hơn nhiều

Đảm bảo rằng Javascript là công cụ thích hợp cho chức năng động mà trang của bạn cần. Một số phần tử HTML hiện đại có chức năng động tích hợp sẵn, vì vậy Javascript không cần thiết trong những trường hợp đó. Không ép buộc Javascript khi không cần thiết

Sự kết luận

Thẻ



    
        Javascript Head Example
        
    
    
        

Content

More Content

2 là một khái niệm Javascript cơ bản cung cấp nhiều tùy chọn khi bạn muốn thêm Javascript vào HTML. Bạn có thể viết các đoạn mã nhỏ vừa với thẻ


    
        Javascript Head Example
        
    
    
        

Content

More Content

2 hoặc nhúng các đoạn mã lớn hơn với thuộc tính
5

Vị trí của thẻ



    
        Javascript Head Example
        
    
    
        

Content

More Content

2 trong HTML rất quan trọng; . Hãy nhận biết vị trí của các thẻ


    
        Javascript Head Example
        
    
    
        

Content

More Content

2 của bạn và cách chúng có thể ảnh hưởng đến phần còn lại của trang web được đọc sau chúng

Quan trọng nhất, hãy nhớ rằng bất kỳ Javascript nào bạn thêm vào trang phải càng mạnh càng tốt. Đừng quên xem xét liệu Javascript của bạn có đáp ứng các tiêu chuẩn trợ năng hay không, liệu nó có hoạt động khác trong các trình duyệt cũ hơn hay trang web của bạn có thực sự cần nó hay không.

Hãy đăng ký Chương trình cấp bằng cấp Nano về lập trình của chúng tôi ngay hôm nay để tìm hiểu thêm về cách thêm Javascript vào HTML và các khái niệm lập trình khác

Tập lệnh có thể ở bất kỳ đâu trong HTML không?

Bạn có thể đặt bất kỳ số lượng tập lệnh nào trong tài liệu HTML . Tập lệnh có thể được đặt trong

Tôi nên đặt các thẻ tập lệnh của mình ở đâu?

Thẻ script phải luôn được sử dụng trước khi đóng phần thân hoặc ở dưới cùng trong tệp HTML . Trang sẽ tải bằng HTML và CSS và sau đó JavaScript sẽ tải.