Ngắt dòng javascript trong chuỗi

Question

Chúng tôi có thể thêm một dòng mới trong JavaScript theo ba cách tùy thuộc vào tình huống và đầu ra mong muốn của chúng tôi. Hướng dẫn này thảo luận về cả ba tình huống

Nội dung chính Show

Thêm một dòng mới bằng ký tự dòng mới trong JavaScript
Thêm một dòng mới bằng chữ mẫu trong JavaScript
Thêm một dòng mới bằng cách sử dụng thẻ HTML vào đầu ra DOM trong JavaScript
Thêm dòng mới vào đầu ra DOM

Thêm một dòng mới bằng ký tự dòng mới trong JavaScript

Trong JavaScript, ký hiệu \n là viết tắt của ký tự xuống dòng. Nếu chúng ta cần in các từ trong các dòng khác nhau trên bảng điều khiển, chúng ta có thể sử dụng ____________ bên trong chuỗi để giới thiệu ngắt dòng

Thí dụ

let str = "This is in line 1.\nThis is in line 2.";
console.log(str);

đầu ra

This is in line 1.
This is in line 2.

Thêm một dòng mới bằng chữ mẫu trong JavaScript

Chữ mẫu là cách JavaScript cho phép nội suy các biến và biểu thức thành chuỗi, chuỗi được trích dẫn và chuỗi nhiều dòng. Chúng được đặt trong các dấu gạch ngược, giúp việc giới thiệu các dòng mới trong JavaScript dễ dàng hơn

Thí dụ

let str = `This is in line 1.
This is in line 2.`;
console.log(str);

đầu ra

This is in line 1.
This is in line 2.

Thêm một dòng mới bằng cách sử dụng thẻ HTML vào đầu ra DOM trong JavaScript

Chúng ta có thể sử dụng DOM để ngắt dòng bằng cách sử dụng thẻ trong HTML. Nhưng phương pháp này dành riêng cho các trang web và không hoạt động trên bảng điều khiển

Để tạo chuỗi nhiều dòng khi in ra bảng điều khiển JavaScript, bạn cần thêm ký tự dòng mới được biểu thị bằng ký hiệu \n

Thêm ký tự dòng mới vào giữa chuỗi của bạn như thế này

let str = "Hello World!\nThis is my string";

console.log(str);

Ký hiệu \n sẽ tạo ngắt dòng trong chuỗi, tạo chuỗi nhiều dòng như hình bên dưới

Hello World!
This is my string

Ngoài ra, bạn cũng có thể thêm dấu ngắt dòng mới bằng cách sử dụng

Hello World!
This is my string

0 khi bạn sử dụng cú pháp chữ mẫu

Một chuỗi ký tự mẫu được đặt trong dấu gạch ngược (``) thay vì dấu ngoặc kép (’’) như thế này

let str = `Hello World!
This is my string
Adding new line using template string`;

console.log(str);

Đầu ra của đoạn mã trên sẽ như sau

________số 8_______

Bạn có thể thêm bao nhiêu ngắt dòng tùy ý trong chuỗi của mình

Tiếp theo, hãy tìm hiểu cách thêm dòng mới vào đầu ra DOM

Thêm dòng mới vào đầu ra DOM

Khi cần xuất dòng mới cho trang web, bạn cần thao tác với DOM và thêm phần tử HTML

Hello World!
This is my string

1 để văn bản sẽ được in bên dưới

Ví dụ, bạn có thể viết một lệnh JavaScript như sau

document.write("Hello World!<br/>This is my string");

Đầu ra của thẻ

Hello World!
This is my string

2 sẽ như sau

<body>
  Hello World!
  <br />
  This is my string
</body>

Biết được điều này, bạn có thể thao tác văn bản của một phần tử HTML để thêm một dòng mới bằng cách thay đổi thuộc tính

Hello World!
This is my string

3 và thêm phần tử

Hello World!
This is my string

4

Mã trong thẻ

Hello World!
This is my string

5 bên dưới cho biết cách bạn thêm một dòng mới vào

Hello World!
This is my string

6 với id

Hello World!
This is my string

7

<body>
  <div id="myDiv"></div>
  <script>
    let element = document.getElementById("myDiv");
    element.innerHTML = "Hello World!<br/>This is my string";
  </script>
</body>

Đầu ra của thẻ

Hello World!
This is my string

6 sẽ như sau

<div id="myDiv">
  Hello World!
  <br />
  This is my string
</div>

Khi tạo đầu ra DOM, bạn không thể sử dụng các ngắt dòng được tạo bằng cách nhấn

Hello World!
This is my string

0 hoặc ký hiệu \n

programming javascript

Ngắt dòng javascript trong chuỗi

Thêm một dòng mới bằng ký tự dòng mới trong JavaScript

Thêm một dòng mới bằng chữ mẫu trong JavaScript

Thêm một dòng mới bằng cách sử dụng thẻ HTML vào đầu ra DOM trong JavaScript

Thêm dòng mới vào đầu ra DOM

Bài Viết Liên Quan

MỚI CẬP NHẬP

Xem Nhiều

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội