Javascript中的警報消息

Question

我在PHP代碼中使用了簡單的JavaScript代碼來顯示警告消息：

<script type="text/javascript">
    window.alert("Can not Send Messages ")
</script>

當顯示警告消息時，原始頁面消失，當我在消息框中按“確定”按鈕時，原始頁面將再次出現。 有什么方法可以顯示錯誤消息並將原始頁面保留在背面嗎？ 我的另一個問題是，有沒有辦法裝飾消息框^ _ ^？

感謝和問候大家。

Answer 1

alert()一直阻塞，直到關閉為止。 在文檔本身已加載后，只需執行以下操作：

window.onload = function() {
    alert("Cannot send messages");
}

如果您使用的是類似jQuery的東西，則還可以使用其domready事件（btw也可以不使用jQuery）：

$(document).ready(function() {
    alert("Cannot send messages");
});

Answer 2

在標記之后，將該腳本移到末尾。 這樣，瀏覽器就收到了足夠的HTML來構造頁面，從而在彈出窗口后呈現了一些內容。

Answer 3

如果要修飾系統“警報”消息，則可以創建自己的函數並替換默認函數。 但是您應該確保沒有使用默認警報的庫，或者執行以下操作：

// Preserve link to default alert
var defaultAlert= window.alert;

function myAlert(msg, decorate) {
    if (!decorate)  return defaultAlert(msg);

    // Display decorated alert
    // ... draw beauty div
}

window.alert= myAlert;

而且您的警報不會像警報一樣暫停執行流程。