資料結構
網路
關係資料庫管理系統(RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何使用
JavaScript替換換行符？
在本教程中，我們將學習如何使用<br>標籤替換JavaScript程式碼中的所有換行符。有多種方法可以將所有換行符替換為<br>標籤。以下是一些方法：
使用String replace()方法和正則表示式
在這種方法中，我們使用String.replace()方法將純文字中的所有換行符替換為<br>標籤。這裡的正則表示式指的是我們在string.replace()方法中編寫的正則表示式。
語法
以下是使用replace()方法的語法：
sentence.replace(/(?:\r
|\r|
)/g, "<br>");
這裡sentence是包含換行符的字串，replace()方法的第一個引數是正則表示式。
演算法
步驟1 - 定義一個包含換行符的字串並顯示它。
步驟2 - 在上面定義的字串上應用replace()方法。使用上述語法應用替換方法。
步驟3 - 顯示步驟2中獲得的字串。所有換行符都將被<br>替換。
示例
我們可以使用以下程式碼使用正則表示式將所有換行符替換為<br>標籤。
<!DOCTYPE html>
<html>
<body>
<p id="br"></p>
<button onClick="linebreak()">Replace</button>
<script>
let sentence = `Javascript is a dynamic computer
programming language for web.
Javascript can update and change both HTML and CSS`;
let br = document.getElementById("br");
br.innerHTML = sentence;
function linebreak() {
// Replace the line break with <br>
sentence = sentence.replace(/(?:\r
|\r|
)/g, "<br>");
// Update the value of paragraph
br.innerHTML = sentence;
}
</script>
</body>
</html>在上面的程式碼中，string.replace()方法檢查所有三種類型的換行符，即\r
,
和\r，以及使用\g標籤的字串外觀，然後將它們替換為<br>標籤。
使用split()和join()方法
在這種方法中，字串使用分隔符進行分割，並返回一個子字串陣列，然後將這些子字串組合成一個數組，並傳遞<br/>，以便每個連線都包含<br/>。
語法
以下是應用split()和join()方法的語法：
sentence.split("
").join("<br />");這裡sentence是包含換行符（
）的字串，我們想要將其替換為<br>。
演算法
步驟1 - 定義一個包含換行符的字串並顯示它。
步驟2 - 在上面定義的字串上應用split()和join()方法。使用上述語法應用替換方法。
步驟3 - 顯示步驟2中獲得的字串。所有換行符都將被<br>替換。
示例
我們可以使用以下程式碼使用split和join方法將所有換行符替換為<br>標籤
<!DOCTYPE html>
<html>
<body>
<p id="br"></p>
<button onClick="linebreak()">Change</button>
<script>
let sentence = `Javascript is a dynamic computer
programming language for web.
Javascript can update and change both HTML and CSS`;
let br = document.getElementById("br");
br.innerHTML = sentence;
function linebreak() {
// Replace the line break with <br>
sentence = sentence.split("
").join("<br />");
// Update the value of paragraph
br.innerHTML = sentence;
}
</script>
</body>
</html>在上面的程式碼中，內建方法用於將換行字串替換為br標籤。string.split()方法用於使用分隔符分割字串，然後join()方法用於連線分割的子陣列並形成一個數組。
3K+ 次瀏覽
