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ảnlet 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"
1let 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.
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.
// strings
var str1 = "EyeHunts";
var str2 = "Next Line"
document.getElementById["c1"].innerHTML = str1 + "
" + str2;
Đầ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
alert["Hello there.\nI am on a second line ;-]"]
đầ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