Tôi nên đặt tập lệnh js của mình vào html ở đâu?

Trong trình duyệt, JavaScript có thể được sử dụng để làm nhiều việc, nhưng thông thường nhiệm vụ chính của JavaScript là tạo nội dung tương tác hay nói cách khác là xây dựng động DOM. Xem xét điều đó, vị trí nào trong tệp HTML phù hợp nhất cho thẻ script?

Có một sự linh hoạt được đưa ra để bao gồm mã JavaScript ở bất cứ đâu trong tài liệu HTML. Có thể nhúng mã Javascript vào

  1. Tiêu đề của trang ở giữa các thẻ 'head'
  2. Nội dung của trang ở giữa các thẻ 'body'
  3. Trong một tập tin bên ngoài với. tiện ích mở rộng js

Đặt Javascript giữa các thẻ 'đầu'

Mọi thứ trong phần đầu html phải được hoàn thành trước khi phần thân được tải, do đó, nói chung là một ý tưởng tồi khi đưa javascript vào đó. Nếu bạn cần một cái gì đó trong khi nội dung đang tải hoặc muốn giải quyết một số ajax, thì bạn nên đặt nó vào đầu

Đặt Javascript giữa các thẻ 'body'

JavaScript programs can be inserted inside the html body with the help of the < script > < /script > tag.

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

JavaScript code can either be embedded in your HTML files (above examples) or placed in an external script file with a .js extension. An external JavaScript file must be saved by .js extension . It is recommended to embed all JavaScript files into a single file. It increases the speed of the webpage. When you place your JavaScript in an external file, put the name of the script file (.js) in the source (src) attribute of the < script > element.

thí dụ

Nội dung của scriptfile. js

Nội dung của tệp html

Ưu điểm lớn nhất của các tệp Javascript bên ngoài là sử dụng lại mã. Nếu Javascript của bạn được nhiều trang sử dụng, bạn không cần lặp lại tập lệnh trong mỗi trang sử dụng nó. Hơn nữa, nếu bạn muốn cập nhật tập lệnh của mình, bạn chỉ cần thay đổi tập lệnh ở một nơi

Các đề xuất hiện tại là đặt javascript ở dưới cùng không phải vì nó "có vẻ như tải nhanh hơn", mà bởi vì bằng cách đặt chúng ở đó, việc phân tích cú pháp và thực thi javascript không ngăn trình duyệt thực hiện những việc khác (chẳng hạn như tải phần còn lại của trang

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. Chúng tôi cũng có thể đặt javascript bên ngoài tệp HTML có thể được liên kết bằng cách chỉ định nguồn của nó trong thẻ script

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

html




<html>

    <head>

        <script>

html1html2

html1html4

html1html6

        html8_______0_______>

    html8_______6_______>

    <>7>

            0

    html8_______3_______7>

    <    7     8    9<0

<1<2_______4_______9<4_______3_______

        <7

    html8_______4_______7>

    <head4 head5_______4_______9head7

html1head9_______4_______9>1>

        >4

    html8_______6_______4>

html8html>

đầu ra.  

Tôi nên đặt tập lệnh js của mình vào html ở đâu?

 

JavaScript trong cơ thể. Hàm JavaScript được đặt bên trong phần nội dung của trang HTML và hàm được gọi khi nhấp vào nút. Thí dụ.  

html




<html>

    <head>

    html8_______6_______>

    <<5>

        <>7>

html1script2

        html8_______3_______7>

        <    7     8    9_______1_______0>

html1<7

        html8____4_______7>

        <head4 head5    9_______6_______7

html16_______6_______9    9>1_______3_______

html1html22

        html8_______6_______4>

        <script>

html1html2

html16_______2_______4

html1html6

        html8_______0_______>

    html8_______1_______5>

html8html>

đầu ra.  

Tôi nên đặt tập lệnh js của mình vào html ở đâu?

 

JavaScript bên ngoài. JavaScript cũng có thể được sử dụng làm tệp bên ngoài. 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 src của thẻ tập lệnh. Tập lệnh bên ngoài không thể chứa thẻ tập lệnh.