---
title: Window.alert
slug: Web/API/Window/alert
tags:
  - API
  - DOM
  - Method
  - Reference
  - Window
translation_of: Web/API/Window/alert
---
<p>{{ APIRef }}</p>

<p>Die <strong><code>Window.alert()</code></strong> Methode zeigt einen Alert-Dialog mit optional spezifiziertem Inhalt und einem OK-Button an.</p>

<h2 id="Syntax" name="Syntax">Syntax</h2>

<pre class="syntaxbox">window.alert(<em>nachricht</em>);</pre>

<ul>
 <li><code>nachricht</code> ist ein optionaler Text-String, der im Dialog angezeigt werden soll, oder alternativ ein Objekt, das in einen Text-String umgewandelt und angezeigt wird.</li>
</ul>

<h2 id="Example" name="Example">Beispiel</h2>

<pre class="brush: js">window.alert("Hello world!");
</pre>

<p>erzeugt:</p>

<p><img alt="Image:AlertHelloWorld.png" src="/files/130/AlertHelloWorld.png"></p>

<h2 id="Notes" name="Notes">Mehr JS:</h2>

<pre class="line-numbers  language-html"><code class="language-html">alert()</code></pre>

<h2 id="Notes" name="Notes">Anmerkungen</h2>

<p>Der Alert-Dialog sollte für Nachrichten benutzt werden, die keine Reaktion des Nutzers benötigen, außer seiner/ihrer Bestätigung.</p>

<p>Dialog-Boxen sind modale Fenster - der Rest der Oberfläche wird erst geladen, sobald die Box geschlossen wird. Deswegen sollten Funktionen, die Dialog-Boxen (oder modale Fenster) erzeugen, nicht zu oft benutzt werden.</p>

<p><a href="https://developer.mozilla.org/en-US/Chrome" title="Chrome">Mozilla Chrome</a>-Nutzer (z. B. Firefox-Erweiterungen) sollten stattdessen Methoden des {{interface("nsIPromptService")}} verwenden.</p>

<p>Ab Chrome {{CompatChrome(46.0)}} wird diese Methode innerhalb eines {{htmlelement("iframe")}} geblockt, solange sein Sandbox-Attribut nicht den Wert <code>allow-modal</code> enthält.</p>

<p>{{gecko_minversion_inline("23.0")}} Das Argument ist nun optional, wie von der Spezifikation gefordert.</p>

<h2 id="Specification" name="Specification">Spezifikationen</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Spezifikation</th>
   <th scope="col">Status</th>
   <th scope="col">Kommentar</th>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 Web application', '#dom-alert', 'alert()')}}</td>
   <td>{{Spec2('HTML5 Web application')}}</td>
   <td>Anfängliche Definition</td>
  </tr>
 </tbody>
</table>

<h2 id="See_also" name="See_also">Siehe auch</h2>

<ul>
 <li>{{domxref("window.confirm","confirm")}}</li>
 <li>{{domxref("window.prompt","prompt")}}</li>
 <li>Für <a href="/en-US/docs/Chrome" title="/en-US/docs/Chrome">Mozilla Chrome</a>: {{ifmethod("nsIPromptService","alert")}} und {{ifmethod("nsIPromptService","alertCheck")}}</li>
</ul>