web-dev-qa-db-fra.com

HTML - Boîte d’alerte lors du chargement de la page

j'utilise du code HTML et je ne veux pas afficher un message d'alerte ou une boîte d'alerte, je ne sais pas comment il s'appelle, mais un message avec un bouton "OK".

je veux afficher cette alerte lorsque la page est chargée.

Comment puis-je faire cela?

Et comment faire cela avec un titre dans la zone d'alerte?

Ai-je besoin de JavaScript? Si non, comment faire cela sans javascript?

Jonathan

javascripthtmlalertmessagebox
4
Jonathan Gurebo

Oui, vous avez besoin de javascript. Le moyen le plus simple est de simplement mettre ceci au bas de votre page HTML:

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

Il existe d'autres méthodes préférées, comme l'utilisation de la fonction ready de jQuery, mais cette méthode fonctionnera.

14
Adam Plocher

Vous pouvez utiliser une variété de méthodes, on utilise la fonction Javascript window.onload dans un simple appel de fonction à partir d’un script ou du corps comme dans les solutions ci-dessus, vous pouvez également utiliser jQuery pour le faire mais c’est juste une modification de Javascript. Ajoutez simplement Jquery à votre en-tête en collant 

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

dans votre section head et ouvrez une autre balise de script où vous affichez l’alerte lorsque le DOM est prêt, c’est-à-dire `

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

`

Ceci utilise Jquery pour exécuter la fonction, mais comme jQuery est un framework Javascript, il contient du code Javascript, d'où la fonction d'alerte Javascript ... espérons que cela aide ...

4
Gash

vous avez besoin d'un peu de Javascript.

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

Ceci n'est que légèrement différent de la réponse d'Adam. La différence effective est que celle-ci alerte lorsque le navigateur considère que la page est entièrement chargée, tandis que celle d'Alam lorsque le navigateur analyse partiellement la balise <script> dans le texte. La différence concerne, par exemple, les images, qui peuvent continuer à être chargées en parallèle pendant un certain temps.

3
Charlie Martin

Si vous utilisez jqueryui (ou un autre jeu d'outils), c'est comme cela que vous le faites.

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: comment inclure jqueryui en pointant sur cdn 

<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

Pour faire alerte, il suffit de mettre le code javascript ci-dessous dans le pied de page.

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

Vous devez également charger le fichier jquery min . Veuillez insérer ce script dans l’en-tête.

<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

Vous pouvez essayer ça.

$(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