HTML - Окно оповещения при загрузке страницы

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

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

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

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

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

Джонатан


javascript html alert messagebox
person Jonathan Gurebo    schedule 14.02.2013    source источник
comment
вам нужен джаваскрипт. ищите кнопку оповещения.   -  person thatidiotguy    schedule 15.02.2013

Ответы (6)


arrow_upward
18
arrow_downward

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

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

Есть более предпочтительные методы, такие как использование готовой функции jQuery, но этот метод будет работать.

person Adam Plocher    schedule 14.02.2013
comment
Спасибо, но знаете ли вы, как установить заголовок для окна предупреждения? - person Jonathan Gurebo; 15.02.2013
comment
Это невозможно сделать с помощью стандартного окна предупреждения в javascript. Вы можете использовать более сложное решение DHTML для выполнения чего-то подобного. Это можно сделать, используя что-то вроде того, что предложил Шанимал. - person Adam Plocher; 15.02.2013

arrow_upward
4
arrow_downward

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

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

в свой раздел head и откройте другой тег script, где вы отображаете предупреждение, когда DOM готов, т.е. `

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

`

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

person Gash    schedule 16.01.2017

arrow_upward
4
arrow_downward

вам нужно немного Javascript.

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

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

person Charlie Martin    schedule 14.02.2013
comment
Спасибо, но знаете ли вы, как установить заголовок для окна предупреждения? - person Jonathan Gurebo; 15.02.2013
comment
Нет, окно, которое вы получаете из предупреждения, определяется браузером. - person Charlie Martin; 17.02.2013

arrow_upward
3
arrow_downward

Если вы используете 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')
    }
})

ОБНОВЛЕНИЕ: как включить jqueryui, указав на 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>
person Shanimal    schedule 14.02.2013
comment
Спасибо, но знаете ли вы, как установить заголовок для окна предупреждения? - person Jonathan Gurebo; 15.02.2013
comment
Имейте в виду, что с этим решением вам необходимо включить JQuery, пользовательский интерфейс JQuery и тему пользовательского интерфейса JQuery на свою страницу. Это намного сложнее, чем использовать простое окно оповещения Javascript, но вы должны иметь возможность хотя бы изменить заголовок (и, конечно, это выглядит очень круто). - person Adam Plocher; 15.02.2013
comment
Помимо jqueryui есть и другие библиотеки. - person Shanimal; 15.02.2013
comment
Вот документация для jqueryui.com/dialog. Также не забывайте, что вы можете использовать cdnjs или какой-либо другой CDN для jqueryui. код и css - person Shanimal; 15.02.2013
comment
Я обновил codepen и код выше, чтобы включить заголовок - person Shanimal; 15.02.2013

arrow_upward
2
arrow_downward

Чтобы сделать оповещение, просто поместите код javascript в нижний колонтитул.

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

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

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

arrow_upward
0
arrow_downward

Вы можете попробовать это.

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