Làm cách nào để sử dụng thẻ br trong chuỗi JavaScript?

Trong hướng dẫn ngắn này, chúng ta xem xét nhiều phương thức xuống dòng mới của javascript và cách bạn có thể sử dụng ngắt dòng trong khi xử lý các chuỗi

Mục lục - Javascript dòng mới

• Dòng mới Javascript là gì?
• Phá vỡ chuỗi bằng cách sử dụng chuỗi Escape
• Dòng mới sử dụng Chữ mẫu
• Phần tử ngắt HTML

JavaScript dòng mới là gì?

Thao tác chuỗi trong JavaScript có thể là một rắc rối. Mặc dù thao tác chuỗi rất dễ học, nhưng việc thực hiện chúng rất phức tạp và một lĩnh vực tương tự là thêm các dòng mới

Có nhiều cách trong JavaScript để tạo dòng mới, tuy nhiên, chúng không đơn giản như thẻ ngắt đoạn hay thẻ ngắt mà chúng ta sử dụng trong HTML

Tuy nhiên, hãy xem xét các phương thức dòng mới JavaScript được sử dụng phổ biến nhất

Phá vỡ chuỗi sử dụng trình tự Escape

Chuỗi thoát là một phương pháp thường được sử dụng để tạo một dòng mới trong JavaScript

Trình tự thoát được sử dụng để tạo một dòng mới trong Windows và Linux là \n, nhưng đối với một số máy Mac cũ hơn, thì

let flexiple = "Hire the \ntop 1% \nfreelance talent"; 

let newstring = `Hire the 
top 1% 
freelance talent`; 

console.log(flexiple); 
//Output: "Hire the 
//top 1% 
//freelance talent"

console.log(newstring);
//Output: "Hire the 
//top 1% 
//freelance talent"

0 được sử dụng. Việc thực hiện các chuỗi thoát khá đơn giản

let flexiple = "Hire the top 1% freelance talent"; 

let newstring = "Hire the \ntop 1% \nfreelance talent"; 

console.log(flexiple); 
//Output: "Hire the top 1% freelance talent" 

console.log(newstring); 
//Output: "Hire the 
//top 1% 
//freelance talent"

Ghi chú. Không thêm khoảng trắng sau chuỗi thoát dòng mới vì JavaScript sẽ coi đó là khoảng trắng và thêm nó vào đầu ra

Dòng mới sử dụng Chữ mẫu

Các chữ mẫu nghe có vẻ khá lạ mắt, nhưng bên dưới biệt ngữ, chúng chỉ là các chuỗi ký tự cho phép các biểu thức được nhúng

Chúng giúp sử dụng chuỗi nhiều dòng dễ dàng hơn. Chữ mẫu được đính kèm trong backtick

let flexiple = "Hire the \ntop 1% \nfreelance talent"; 

let newstring = `Hire the 
top 1% 
freelance talent`; 

console.log(flexiple); 
//Output: "Hire the 
//top 1% 
//freelance talent"

console.log(newstring);
//Output: "Hire the 
//top 1% 
//freelance talent"

1

let flexiple = "Hire the \ntop 1% \nfreelance talent"; 

let newstring = `Hire the 
top 1% 
freelance talent`; 

console.log(flexiple); 
//Output: "Hire the 
//top 1% 
//freelance talent"

console.log(newstring);
//Output: "Hire the 
//top 1% 
//freelance talent"

Trong cả hai trường hợp, cùng một đầu ra được trả về. nhưng như bạn có thể thấy Văn bản mẫu giúp viết các chuỗi nhiều dòng dễ dàng hơn

Phần tử ngắt HTML

Thêm các phần tử ngắt dòng HTML vào chuỗi của bạn là một phương pháp khác để thêm một dòng mới JavaScript

Lưu ý rằng các phần tử ngắt chỉ được sử dụng khi việc phân chia dòng cần có ý nghĩa. Nhưng vì phương pháp này khá phổ biến nên chúng tôi cũng xem xét nó

Ví dụ

Chèn ngắt dòng đơn trong văn bản

Để buộc
ngắt dòng
trong văn bản,
hãy sử dụng br
element.

Tự mình thử »

Thêm các ví dụ "Tự mình thử" bên dưới

---

Định nghĩa và cách sử dụng

Thẻ
chèn ngắt dòng đơn

Thẻ
rất hữu ích để viết địa chỉ hoặc bài thơ

Thẻ
là một thẻ rỗng có nghĩa là nó không có thẻ kết thúc

---

Mẹo và Ghi chú

Ghi chú. Sử dụng thẻ
để nhập ngắt dòng, không thêm khoảng cách giữa các đoạn văn

---

Hỗ trợ trình duyệt

Phần tử
Có Có Có Có

---

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

Thẻ
cũng hỗ trợ Thuộc tính toàn cầu trong HTML

---

Thuộc tính sự kiện

Thẻ
cũng hỗ trợ Thuộc tính sự kiện trong HTML

---

Thêm ví dụ

Ví dụ

Sử dụng
trong một bài thơ.

Đừng sợ sự vĩ đại.

Một số người sinh ra đã vĩ đại,

một số đạt được sự vĩ đại,

và những người khác bị sự vĩ đại đè nặng lên họ.

-William Shakespeare

Tự mình thử »

---

Trang liên quan

hướng dẫn HTML. Đoạn văn HTML

Tham chiếu DOM HTML. Đối tượng BR

---

Cài đặt CSS mặc định

Không có

Ngắt dòng trong JavaScript có thể thực hiện bằng cách sử dụng thẻ “br”. Nếu bạn có 2 chuỗi trở lên thì hãy thêm

let flexiple = "Hire the top 1% freelance talent"; 

let newstring = "Hire the \ntop 1% \nfreelance talent"; 

console.log(flexiple); 
//Output: "Hire the top 1% freelance talent" 

console.log(newstring); 
//Output: "Hire the 
//top 1% 
//freelance talent"

4 vào giữa 2 dấu ngoặc < > đặt trong dấu ngoặc kép, trước và sau là dấu +

+"
"+

SỬ DỤNG JS để chèn ngắt dòng vào HTML?

The example of concatenated 2 strings, display in one

tag. To break line using a br tag.

Đầu ra. EyeHunts
Dòng tiếp theo

Dòng ngắt Js trong hộp Cảnh báo

Trong hộp cảnh báo, bạn có thể sử dụng “\n”, để ngắt câu thành một dòng mới

đầu ra

Nếu bạn muốn ngắt dòng trong javascript thực tế, hãy sử dụng ________ 7 trình tự thoát

Hãy bình luận nếu bạn biết một cách khác để ngắt câu trong một dòng mới bằng mã JavaScript hoặc bạn có bất kỳ nghi ngờ nào

Ghi chú. Tất cả mã Ví dụ về JS đều được thử nghiệm trên trình duyệt Safari (Phiên bản 12. 0. 2) và Chrome.
HĐH. macOS 10. 14 Mojave
Mã. Phiên bản HTML 5

Rohit

Bằng cấp về Khoa học Máy tính và Kỹ sư. Nhà phát triển ứng dụng và có kinh nghiệm về nhiều ngôn ngữ lập trình. Đam mê công nghệ & thích học hỏi kỹ thuật

Làm cách nào để sử dụng thẻ br trong JavaScript?

Làm cách nào để thêm br vào chuỗi trong JavaScript?

\r trong chuỗi JavaScript là gì?

Làm cách nào để thay thế ngắt dòng trong JavaScript?