警报框的修改样式（浏览器上的 JavaScript）[重复]答案

【问题标题】：Modified style of alert box (JavaScript on browser) [duplicate]警报框的修改样式（浏览器上的 JavaScript）[重复]
【发布时间】：2018-06-08 20:56:57
【问题描述】：

如何更改浏览器的默认 JavaScript 警报以使其更好？我读过 how to change the style of alert box ，但它是基于单击按钮的。我的意思是警报，它是默认浏览器，无需单击按钮。这是一个例子：

<?php
    include 'libraries/config.php';     

$id      = $_GET['id'];
$cart_id = $_GET['cart_id'];

    $myqry=mysqli_query($conn,"DELETE FROM cart_order_detail WHERE id='$id'");

    if ($myqry)
    {
        echo "<script language='javascript'>alert('Are you sure want delete this item ?');document.location='order.php';</script>";
    }
?>

可能吗？

【问题讨论】：

你不能修改它的样式..你必须生成你自己的模型来做到这一点......:(
危险：您容易受到SQL injection attacks的影响，您需要自己从defend 那里获得。
@PranavDeshpande 你用 jquery 吗？
是的...您可以使用相应的模型和样式
链接的问题也适用于您的问题..

标签： javascript php html css

【解决方案1】：

你不能。

Web 浏览器不提供让网站覆盖其原生对话框外观的方法。

做到这一点的唯一方法是通过在 DOM 中创建看起来像对话框的元素来伪造它（您在问题中忽略的方法）。

【讨论】：

【解决方案2】：

不，这是不可能的。 alert 不能通过 CSS 设置样式或配置。如果您想显示自定义内容，您应该创建自己的或使用第三方库，如 sweet alert 或 jQuery UI 或其他任何东西。

注意这些工具不会阻塞其余 JavaScript 代码的执行，例如 alert

【讨论】：

【解决方案3】：

没有办法设置警报框模式的样式。因为它是操作系统原生元素，并且在任何情况下都不会成为 DOM 的一部分。

您需要创建自己的模式才能对其进行样式设置。

请注意：alert() 会停止在您的页面上执行 js，这通常是不可取的。

【讨论】：