Tôi nên đặt javascript ở đâu?

Tôi có một số chức năng Javascript phổ biến được sử dụng để thực hiện xác thực ở phía máy khách [chẳng hạn như kiểm tra xem hộp văn bản có trống không, xác thực định dạng địa chỉ email, v.v.]

Trong ASP cổ điển, tôi đã sử dụng câu lệnh INCLUDE để bao gồm CommonJavascriptFunctions. tập tin asp. Tôi hiểu rằng mọi thứ đã thay đổi từ ASP sang ASP. net liên quan đến các tệp Bao gồm - có ai có bất kỳ lời khuyên nào về vị trí tốt nhất để đặt các chức năng Javascript này không, để nhiều trang web có thể truy cập chúng mà không phải sao chép và dán mã javascript?

Để bao gồm tệp JavaScript bên ngoài, chúng ta có thể sử dụng thẻ script có 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ẻ trong tài liệu HTML của bạn

Tệp JavaScript

Tệp JavaScript không phải là tệp HTML hoặc tệp CSS
  • Luôn kết thúc bằng phần mở rộng js
  • Chỉ bao gồm JavaScript

Theo thông lệ, đặt tất cả các tệp JavaScript vào một thư mục có tên là js trên các trang web, như vậy

Bản demo đơn giản bao gồm JavaScript

Dưới đây là minh họa rất đơn giản về cách đưa tệp JavaScript bên ngoài vào trang HTML

JavaScript của người khác

Đối với lớp này, bạn không cần phải viết bất kỳ mã JavaScript thực tế nào. Thật may mắn cho bạn, nhiều người đã viết rất nhiều JavaScript và thậm chí còn cho phép bạn sử dụng nó miễn phí

Khung JavaScript

Framework về cơ bản là một thư viện mã cho một ngôn ngữ nhất định. Nói chung, khung trừu tượng hóa các tác vụ phổ biến và giúp các nhà thiết kế và nhà phát triển viết mã cụ thể của họ dễ dàng và nhanh hơn. Các khung không thực sự tự làm bất cứ điều gì, chúng chỉ cung cấp một nền tảng dễ dàng hơn để mọi người xây dựng trên đó

Khung JavaScript phổ biến

Trong số các khung này, JQuery hiện là khung phổ biến nhất. Đó cũng là từ mà bạn muốn gặp nhất khi được sử dụng như một từ thông dụng

Kích thước tệp JavaScript

Nhiều tệp JavaScript có xu hướng khá lớn, điều này có thể làm chậm thời gian tải trang của bạn. Các khung phổ biến thường cung cấp phiên bản mã "rút gọn" của chúng. Bạn phải luôn sử dụng phiên bản này trong các trang của mình vì phiên bản này sẽ có kích thước tệp nhỏ hơn

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.

ví 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




    

src1

html1html2

html1html4

html1html6

src1html8script>

    html8____9>

    7>

src1    0

    html8>7>

    

đầu ra.  

 

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. Ví dụ.  

html




    

    html8____9>

    

html1script2

src1html8>7>

src11>

html1____522

src1html8head4>

src1

html1html2

html16____54

html1html6

src1html8script>

    html8

html8html>

đầu ra.  

 

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.  

Chủ Đề