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;

而且您的警报不会像警报一样暂停执行流程。