Javascript在弹出窗口中删除警告符号

Question

如果我使用警报，警告符号将出现在弹出窗口中，如下所示。是否可以在javascript中显示没有警告符号的弹出窗口？

Answer 1

除了消息文本之外，无法更改内置alert()和confirm()弹出窗口的任何内容 - 这是一个浏览器安全功能。

您可以通过使用透明<div>从HTML构建一个弹出对话框来覆盖页面的其余部分来模拟弹出对话框，以便用户在对话框关闭之前无法与页面的其余部分进行交互。 （或者使用半透明的<div>使用户更明显地看到页面的其余部分被“禁用”。）

当有很多JS库为你做这件事时，我不打算从头开始编码。 jQuery dialog非常容易使用，仅举一个选项。

Answer 2

您无法更改/替换图标。实际上，Chrome浏览器中的图标显示为而不是 我建议使用jQuery UI。 Check out this link

Answer 3

我将所有alert()替换为jQuery UI dialog（+1到Igor）

如果有人想轻易做到，我就是这样做的：

只需包含jQuery UI，例如

<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link type="text/css" rel="Stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

并创建此JavaScript函数

function AlertUi(title, message) {
  if (!(/<\/?[a-z]{1,3} ?\/?>/.test(message))) // Probably not HTML (edit this line as you wish)
    message = message.replace(/\n/g, '<br/>'); // Replace \n with <br/>

  $("<div title='" + title + "'>" + message + "</div>").dialog(); // Show the popup
}

然后，您可以使用任何文本编辑器执行全部替换，将alert(替换为AlertUi('',，例如。

alert('Hello');

变为

AlertUi('', 'Hello');

Answer 4

我建议你使用名为colorbox的酷炫对话模式，至少对我来说真棒。

Answer 5

我只想使用弹出窗口而不是警报。然后你可以把它设置成你想要的任何尺寸。

function newPopup(url) {

    params = 'width=whatever';
    params += 'height=whatever';
newwindow = window.open(url, 'name', params);
    if (window.focus) { newwindow.focus() }
    return false;
}

然后只需构建弹出窗口并在onClick（）函数中调用它。