Làm cách nào để Nhập dòng mới trong JavaScript?

I will write, erase, rewrite
Erase again, and then
A poppy blooms

Công việc đã hoàn thành 🙂

Tóm lại là

To add a new line to a string in JavaScript, use the \n character. However, if you’re writing HTML directly into the DOM, you will want to use the
element.

Như với bất kỳ vấn đề phát triển JavaScript nào, có nhiều giải pháp và nhiều cách khác nhau để tiếp cận việc triển khai chúng. Nếu bạn có thể nghĩ ra bất kỳ trường hợp cạnh hoặc hạn chế nào ở trên hoặc bạn đã gặp chúng khi bạn thử chúng, hãy để lại nhận xét bên dưới

Chúng ta có thể gặp nhiều trường hợp phải tạo một dòng mới bằng JavaScript. Nghe có vẻ phức tạp, nhưng trên thực tế, những cách tiếp cận này khá đơn giản và có thể thực hiện dễ dàng. Có nhiều cách khác để chèn dòng mới bằng JavaScript. Chúng ta hãy xem những cách phổ biến nhất để tạo dòng mới bằng JavaScript

Phá Chuỗi Sử dụng Escape Sequence

Trình tự thoát được sử dụng để tạo một dòng mới là \n. Trong khi hiển thị một số văn bản trên bảng điều khiển JavaScript, bạn có thể thêm một dòng mới bằng cách sử dụng ký hiệu \n, viết tắt của một dòng mới. Chúng ta có thể thêm \n với chuỗi mà chúng ta muốn ngắt dòng. Hãy xem một ví dụ về cách \n hoạt động

Thí dụ. 1

Trong ví dụ này, chúng tôi sẽ tạo một chuỗi mà chúng tôi muốn ngắt. Và sẽ in nó trong bảng điều khiển

var string = "Hi \nThis is the Second line \nThis is the third line";

console.log(string)
đầu ra
Hi 
This is the Second line 
This is the third line
Thí dụ. 2
Chúng tôi cũng có thể sử dụng \n Trình tự thoát với cú pháp chữ mẫu và có thể nhận được kết quả tương tự
________số 8_______
đầu ra
Dòng mới sử dụng chữ mẫu
Để tạo một dòng mới trong bảng điều khiển, bạn cũng có thể chèn dấu ngắt dòng mới bằng cách nhấn Enter trong khi sử dụng chữ mẫu. Chúng ta hãy xem một ví dụ tương tự
Thí dụ. 1
Ở đây chúng tôi đang làm theo cú pháp chữ mẫu để Làm cho phương pháp của chúng tôi khả thi



var string = `Hi
This is the Second line 
This is the third line`;

console.log(string)

đầu ra
Hi 
This is the Second line 
This is the third line
Thí dụ. 2
Chúng tôi cũng có thể sử dụng kết hợp nhập và \n trong cú pháp chữ mẫu
var v = `1
2
3\n4`;
console.log(v)

đầu ra
Phần tử ngắt HTML
Nếu chúng tôi chỉ muốn thêm một dòng mới vào Trang web bằng JavaScript, thì việc Thêm các phần tử ngắt dòng HTML vào chuỗi của bạn có thể thực hiện công việc cho bạn. Bằng cách sử dụng phần tử ngắt trong chuỗi, chúng ta phải sử dụng thuộc tính innerHTML để hiển thị chuỗi dưới dạng HTML chứ không phải văn bản
Thí dụ. 1
Trong ví dụ này, chúng tôi đang sử dụng thẻ br để chuyển sang một dòng mới, cách tiếp cận này phản ánh những thay đổi trong HTML của trang
 
 
	 
	 
 


đầu ra
Line No. 1
Line No. 2
Line No. 3
Line No. 4
Thí dụ. 2
Chúng ta cũng có thể sử dụng cú pháp chữ mẫu với biến JavaScript và kết quả sẽ giống nhau
 
 
	 
	 
 

đầu ra
Mối quan tâm về khả năng tiếp cận
Tạo ngắt dòng hoặc tách đoạn bằng cách sử dụng
là một thực hành xấu. Đó cũng là một khó khăn đối với những người sử dụng các công cụ đọc màn hình để điều hướng. Sự hiện diện của
phần tử có thể được chỉ định bởi trình đọc màn hình, điều này có thể gây nhầm lẫn cho người dùng và được gọi là không phải là một phương pháp hay

yếu tố sau
Thuộc tính
Các thuộc tính của phần tử ngắt bao gồm các thuộc tính toàn cục
Tạo kiểu với CSS
Phần tử Break phục vụ một chức năng duy nhất, nó tạo ngắt dòng trong một đoạn văn bản. Vì vậy, bạn có thể làm rất ít để tạo kiểu ngắt dòng. Bạn chỉ có thể thêm một số lề để phá vỡ các phần tử để tăng hoặc giảm khoảng cách giữa các dòng
 

			
Làm cách nào để sử dụng thẻ ngắt trong JavaScript?
			
Để tạo ngắt dòng trong JavaScript,  hãy sử dụng “ . 
		
			
\r trong chuỗi JavaScript là gì?
			
Siêu ký tự RegExp \r trong JavaScript được  dùng để tìm ký tự xuống dòng  (Ký tự xuống dòng có nghĩa là quay lại đầu dòng hiện tại .