HTML-Alert Box при загрузке страницы

Question

Я использую HTML-код, и я не показываю un Alert Message или поле оповещения, я не знаю, что он называется, но сообщение с кнопкой «ОК».

Я хочу показать это предупреждение, когда страница загружена.

Как это сделать?

И как это сделать с заголовком в поле оповещения?

Нужен ли JavaScript? если нет, как это сделать без javascript?

Jonathan

Answer 1

Да, у вас должен быть javascript. Самый простой способ это просто положить это в нижней части HTML-страницы:

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

Есть более предпочтительные способы, как с помощью готовых функции JQuery, но этот метод будет работать.

Answer 2

вам нужен крошечный бит Javascript.

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

Это немного отличается от ответа Адама. Эффективная разница заключается в том, что этот предупреждает, когда браузер считает страницу полностью загруженной, а предупреждения Адама, когда браузер просматривает часть тега <script> в тексте. Разница заключается, например, в изображениях, которые могут продолжаться параллельно в течение некоторого времени.

Answer 3

Если вы используете jqueryui (или другой набор инструментов), это, как вы делаете это

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: как включить jqueryui, указывая на КДС

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

Answer 4

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

Answer 5

Для изготовления предупреждения просто поставить под яваскриптом кода в сноске.

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

Вам также нужно загрузить файл jquery min. Пожалуйста, вставьте этот скрипт в заголовок.

<script type='text/javascript' src='https://code.jquery.com/jquery-1.12.0.min.js'></script> 

Answer 6

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

Answer 7

Вы можете использовать различные методы, один использует функцию Javascript window.onload в простом вызове функции из скрипта или из тела, как в приведенных выше решений, вы можете также использовать JQuery сделать это, но это просто модификация Javascript ...Просто добавьте Jquery в ваш заголовок вставив

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

к головной секции и открыть другой тег сценария, в котором вы отобразить уведомление, когда DOM готов т `

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

`

Это использует JQuery для запуска функции, но поскольку jQuery является структурой Javascript, он содержит код Javascript, следовательно, функция предупреждения Javascript. Надеюсь, это поможет ...