如何在javascript alert對話框中添加文本頭文字

Question

我需要在javascript alert對話框中添加文本頭文本，其中有一些forecolor和textfont的文本將爲粗體。可以在javascript警報對話框中創建。

Answer 1

您無法修改alert對話框的方面。它是瀏覽器特定的。如果你想要自定義彈出窗口，你可以看看例如jQuery UI dialog或Twitter Bootstrap Modal。如果你不想使用第三方JavaScript框架，你可以隨時推出你自己的實現。

Answer 2

你不能通過使用alert來做到這一點 - 它不允許樣式選項。

您將不得不創建一個div並手動顯示警報。

HTML

<div id="alert" style="display:none"> 
    <p> 
     Alert message! 
    </p> 
</div> 

<button id="showAlert" onclick="showAlert()">Show alert</button> 

CSS：

#alert p { 
    color: red; 
} 

的JavaScript：

function showAlert() { 
    var element = document.getElementById("alert"); 
    element.style.display = "block"; 
} 

您還可以使用jQuery和jQuery UI到acomplish這一點，並使用dialog：

http://jqueryui.com/dialog/