wake-up-neo.net

HTML - Warnfeld beim Laden der Seite

ich verwende HTML-Code und möchte nicht eine Alert Message- oder Alert-Box anzeigen. Ich weiß nicht, wie sie heißt, sondern eine Nachricht mit der Schaltfläche "OK".

ich möchte diese Warnung anzeigen, wenn die Seite geladen ist.

Wie mache ich das?

Und wie geht das mit einem Titel in der Alert-Box?

Benötige ich JavaScript? Wenn nein, Wie geht das ohne Javascript?

Jonathan

4
Jonathan Gurebo

Ja, du brauchst Javascript. Der einfachste Weg ist, dies einfach unten in Ihre HTML-Seite einzufügen:

<script type="text/javascript">
alert("Hello world");
</script>

Es gibt mehr bevorzugte Methoden, z. B. die Verwendung der Ready-Funktion von jQuery. Diese Methode funktioniert jedoch.

14
Adam Plocher

Sie können eine Vielzahl von Methoden verwenden, eine von ihnen verwendet die Funktion window.onload in einem einfachen Funktionsaufruf aus einem Skript oder aus dem Body wie in den obigen Lösungen. Sie können auch jQuery verwenden, um dies zu tun. Fügen Sie einfach Jquery zu Ihrer Kopfzeile hinzu, indem Sie einfügen 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

zu Ihrem Kopfbereich und öffnen Sie ein anderes Skript-Tag, in dem Sie die Warnung anzeigen, wenn das DOM bereit ist, d. h

<script>
    $("document").ready( function () {
        alert("Hello, world");
    }); 
</script>

`

Diese Funktion verwendet Jquery, um die Funktion auszuführen. Da jQuery jedoch ein Javascript-Framework ist, enthält es Javascript-Code. Daher ist die Javascript-Alert-Funktion erforderlich.

4
Gash

du brauchst ein bisschen Javascript.

<script type="text/javascript">
window.onload = function(){ alert("Hi there"));}
</script>

Dies unterscheidet sich nur geringfügig von Adams Antwort. Der wirkliche Unterschied besteht darin, dass dieser eine Warnung ausgibt, wenn der Browser die Seite als vollständig geladen betrachtet, während die Benachrichtigung von Adam, wenn der Browser den <script>-Tag im Text scannt. Der Unterschied besteht beispielsweise bei Bildern, die möglicherweise eine Zeitlang parallel geladen werden.

3
Charlie Martin

Wenn Sie Jqueryui (oder ein anderes Toolset) verwenden, gehen Sie auf diese Weise vor

http://codepen.io/anon/pen/jeLhJ

html

<div id="hw" title="Empty the recycle bin?">The new way</div>

javascript

$('#hw').dialog({
    close:function(){
        alert('the old way')
    }
})

UPDATE: wie man jqueryui einfügt, indem man auf cdn zeigt 

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.0.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
3
Shanimal

Um Alarm zu erzeugen, geben Sie einfach den Javascript-Code in die Fußzeile ein.

<script> 
 $(document).ready(function(){
    alert('Hi');
 });
</script>

Sie müssen auch die Jquery-Min-Datei laden. Bitte fügen Sie dieses Skript in den Header ein.

<script type='text/javascript' src='https://code.jquery.com/jquery-1.12.0.min.js'></script>
2
Alpesh
<script type="text/javascript">
    window.alert("My name is George. Welcome!")
</script>
1
vikas awasthi

Sie können es versuchen.

$(document).ready(function(){      
  alert();
     $('#rep‌​ortVariablesTable tbody').append( '<tr><td>lll</td><td>lll</td></tr>');
}); 
0
Vi J
<script> 
    $(document).ready(function(){
        alert('Hi');
    });
</script>
0
user5197904