Hướng dẫn can you use html comments in javascript? - bạn có thể sử dụng bình luận html trong javascript không?

Ngay cả trong các trình duyệt hiện đại, nó có thể hữu ích. Tôi thực sự gặp phải vấn đề này ngày hôm nay, chính xác là vì tôi muốn tránh có JavaScript được nhúng trong HTML của mình.

Tôi có một trang HTML được phục vụ trên

\n');

\n');

\n');

\n');

Để liên kết đến tệp JavaScript chính, tôi làm như sau:

\n');

Mã trên sẽ phát nổ ngay cả trong phiên bản Chrome mới nhất, vì thẻ tập lệnh sẽ bị chấm dứt ở giữa chuỗi JavaScript và phần còn lại của chuỗi sẽ được hiểu là HTML, như vậy:

\n');

Có nhiều cách để khắc phục điều này, nhưng tôi thích sử dụng nhận xét HTML.

Với nhận xét HTML:

Phá vỡ chuỗi JavaScript:

Tạo và nối thẻ tập lệnh thay vì sử dụng Document.Write:

Tôi thích sử dụng nhận xét HTML vì đó là một thay đổi ngắn gọn và nó sẽ không cần sao chép hoặc suy nghĩ cho mỗi tệp được liên kết.

Thêm nhận xét vào mã của bạn là một cách hữu ích để bao gồm các ghi chú giải thích cho bạn hoặc người khác những gì mã làm. Mã hoặc văn bản khác được nhận xét bị bỏ qua bởi trình duyệt.

Đọc tiếp để xem cách tạo nhận xét trong mã HTML, CSS và JavaScript!

Để nhận xét một dòng HTML duy nhất, đặt văn bản hoặc mã bạn đang nhận xét giữa các thẻ bình luận: & nbsp; ________ 16.

Ở đây, cách thức này trông như thế nào trong mã:

  Here's some regular HTML content!

Khi bạn tải trang web, nhận xét HTML đã giành được hiển thị trên chính trang:

Nhưng nếu bạn kiểm tra mã trang web trong trình duyệt của mình, bạn vẫn có thể xem văn bản nhận xét HTML:

Để tạo nhận xét HTML đa dòng hoặc khối, bạn vẫn sử dụng các thẻ nhận xét (

\n');

Ở đây, một ví dụ về nhận xét HTML đa dòng:

  And here's that regular HTML content again.

Đây là cách mà nó sẽ nhìn trên trang web:

Và bạn có thể thấy toàn bộ nhận xét HTML trong Thanh tra:

Để thực hiện một dòng CSS duy nhất, hãy đặt văn bản hoặc mã nhận xét giữa & nbsp; ________ 18tags.

Đây là một ví dụ:

/* This text will be ignored by the browser! */
.description {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #202020;
}

Để viết các nhận xét Multiline hoặc khối CSS, bạn có thể sử dụng các thẻ giống nhau & nbsp; ____ 18 & nbsp; và đặt nội dung nhận xét trên nhiều dòng.

Ở đây, những gì một bình luận CSS đa dòng sẽ trông như thế nào:

/* 
  This text will be ignored by the browser! 
  And this will also be included in the comment!
  One last line of comment for good measure 😁
*/
.description {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #202020;
}

Để tạo một bình luận dòng duy nhất trong JavaScript, hãy bắt đầu dòng với hai dấu gạch chéo về phía trước (

Ở đây, một ví dụ về điều đó:

// This text is a comment and will be ignored!

Bạn cũng có thể thêm một bình luận dòng duy nhất trên cùng một dòng với một số mã. Miễn là bình luận là nội dung cuối cùng trên dòng đó, nó sẽ hoạt động.

Đây là những gì sẽ trông như thế nào:

\n');

Nếu bạn muốn tạo một nhận xét đa dòng hoặc chặn trong JavaScript, hãy gửi kèm theo văn bản nhận xét giữa & nbsp; ________ 18 & nbsp; thẻ. (Đây là phương pháp tương tự như trong CSS.)

Đây là những gì sẽ trông như thế nào:

\n');

Kết thúc

Thêm nhận xét vào mã của bạn trong HTML, CSS và JavaScript sẽ giúp người khác hiểu mã của bạn là gì.

Nó cũng hữu ích khi bạn làm việc trong một dự án đang phát triển và cần tạm thời nhận xét một số mã trong khi thử nghiệm. Nhưng chỉ cần đảm bảo không để lại ý kiến ​​trong mã sản xuất!

Bạn muốn tìm hiểu làm thế nào để xây dựng một trang web?

Tôi đang thực hiện một khóa học sẽ dạy bạn cách xây dựng một trang web đáp ứng trong thế giới thực từ đầu!

Tìm hiểu thêm

Làm thế nào để bạn viết nhận xét trong HTML và JavaScript?

Loại bình luận nào được hỗ trợ bởi JavaScript?

Hai loại bình luận trong JavaScript là gì?

Bạn có thể đặt ý kiến trong HTML không?