HTML - Boîte d'Alerte lors du chargement de la page

je suis l'aide de code HTML et je wan pas à montrer de l'onu Message d'Alerte ou d'alerte de la boîte, je ne sais pas comment ça s'appelle, mais un message avec un bouton "OK".

j'en veux pour preuve cette alerte lorsque la page est chargée.

Comment puis-je faire cela?

Et comment faire cela avec un titre dans la boîte d'Alerte?

Ai-je besoin de JavaScript? si non, Comment le faire sans javascript?

Jonathan

vous avez besoin de javascript. recherchez un bouton d'alerte.

OriginalL'auteur Jonathan Gurebo | 2013-02-14

14

Oui, vous avez besoin de javascript. La façon la plus simple est juste de mettre cela au bas de votre page HTML:
```
<script type="text/javascript">
alert("Hello world");
</script>
```
Il y a plus de préféré méthodes, comme l'utilisation de jQuery fonction ready, mais cette méthode de travail.

Merci, mais vous ne savez pas comment définir un titre pour la boîte de message d'alerte?
Il ne peut être fait avec le standard de la boîte d'alerte javascript. Vous pouvez utiliser de plus en plus complexe DHTML solution pour accomplir quelque chose comme ça. En utilisant quelque chose comme ce qui "Shanimal", a suggéré de le faire.

OriginalL'auteur Adam Plocher
4

Vous pouvez utiliser une variété de méthodes, on utilise Javascript fenêtre.onload de la fonction dans un simple appel de fonction à partir d'un script ou de l'organisme que dans les solutions ci-dessus, vous pouvez également utiliser jQuery pour faire cela, mais c'est juste une modification de Javascript...Juste ajouter Jquery pour votre en-tête par collage
```
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
```
à votre chef de section et en ouvrir un autre balise de script lorsque vous affichez l'alerte lorsque le DOM est prêt, c'est à dire `
```
<script>
    $("document").ready( function () {
        alert("Hello, world");
    }); 
</script>
```
`

Il utilise Jquery pour exécuter la fonction, mais depuis jQuery est un framework Javascript il contient du code Javascript donc le Javascript de la fonction d'alerte..espérons que cela aide...

OriginalL'auteur Gash
3

vous avez besoin d'un petit peu de Javascript.
```
<script type="text/javascript">
window.onload = function(){ alert("Hi there"));}
</script>
```
Ce n'est que légèrement différente à partir d'Adam réponse. L'efficacité différence est que celui-ci alertes lorsque le navigateur considère que la page est entièrement chargée, tandis qu'Adam alertes lorsque le navigateur scanne une partie du <script> balise dans le texte. La différence est, par exemple, des images, qui peuvent continuer de chargement en parallèle pendant un certain temps.

Merci, mais vous ne savez pas comment définir un titre pour la boîte de message d'alerte?
Non, la boîte que vous obtenez à partir d'alerte est défini par le navigateur.

OriginalL'auteur Charlie Martin
3

Si vous utilisez jqueryui (ou un autre jeu d'outils) c'est la façon dont 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')
    }
})
```
Mise à JOUR : comment inclure jqueryui en pointant ca
```
<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>
```
Merci, mais vous ne savez pas comment définir un titre pour la boîte de message d'alerte?
Gardez à l'esprit, avec cette solution, vous devez inclure JQuery, JQuery UI et JQuery UI Thème de votre page. C'est bien plus compliqué que d'utiliser une simple boîte d'alerte Javascript, mais vous devriez être capable de changer au moins le titre (et bien sûr, il a l'air vraiment cool).
Il y a d'autres bibliothèques en plus de jqueryui
Heres la documentation de jqueryui.com/dialog Aussi, n'oubliez pas que vous pouvez utiliser cdnjs ou certains autres CDN pour jqueryui code et css
J'ai mis à jour le codepen et le code ci-dessus pour inclure le titre

OriginalL'auteur Shanimal
2

Pour la fabrication d'alerte mettez juste en dessous du code javascript dans le pied de page.
```
<script> 
 $(document).ready(function(){
    alert('Hi');
 });
</script>
```
Vous devez également charger jquery min de fichier.
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>
```
OriginalL'auteur Alpesh

<script type="text/javascript">
    window.alert("My name is George. Welcome!")
</script>

OriginalL'auteur vikas awasthi

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

OriginalL'auteur user5197904

Vous pouvez essayer cette.

$(document).ready(function(){      
  alert();
     $('#rep‌ortVariablesTable tbody').append( '<tr><td>lll</td><td>lll</td></tr>');
});

OriginalL'auteur Vi J

Vous devez vous connecter pour publier un commentaire.