Javascript Alert（）方法中的HTML標簽

Question

我想知道是否可以將HTML標記添加到JavaScript alert()方法，例如：

<b>
<ul>
<li>

等等

謝謝你的幫助

Answer 1

您可以使用所有Unicode字符和轉義字符\\n和\\t 。 一個例子：

 document.getElementById("test").onclick = function() { alert( 'This is an alert with basic formatting\\n\\n' + "\\t• list item 1\\n" + '\\t• list item 2\\n' + '\\t• list item 3\\n\\n' + '▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬\\n\\n' + 'Simple table\\n\\n' + 'Char\\t| Result\\n' + '\\\\n\\t| line break\\n' + '\\\\t\\t| tab space' ); } 

 <!DOCTYPE html> <title>Alert formatting</title> <meta charset=utf-8> <button id=test>Click</button> 

Firefox中的結果：

幾乎所有瀏覽器都能獲得相同的外觀。

Answer 2

alert（）是窗口對象的一種方法，它無法解釋HTML標記

Answer 3

您可以將HTML添加到警報字符串中，但不會將其呈現為HTML。 它只會顯示為純字符串。 簡單回答：沒有。

Answer 4

這是不可能的。

相反，您應該使用jQuery UI Dialog之類的東西在Javascript中創建一個假窗口。

Answer 5

不，你只能使用一些轉義序列 - 例如\\ n （可能只有這一個）。

Answer 6

alert()不支持HTML，但您可以選擇格式化消息。

您可以像其他人所說的那樣使用Unicode字符，也可以使用ES6模板文字 。 例如：

...
.catch(function (error) {
  const alertMessage = `Error retrieving resource. Please make sure:
    • the resource server is accessible
    • you're logged in

    Error: ${error}`;
  window.alert(alertMessage);
}

輸出：

如您所見，它維護了我們包含在變量中的換行符和空格，沒有多余的字符。