Атрибут open
Описание
Без него, к окну применяется стиль display: none;, т.е. окно не показывается.
Синтаксис
<dialog open>...</dialog>Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<button id='open'>Открыть окно</button>
<dialog>
<p>
Возьми стакан, и брось его об стену,
<br>
Теперь проси прощения на взрыд
<br>
Ну что, свершилось? Стал обратно целым?
<br>
Вот так людей ломает от обид.
</p>
<p>
<button id='close'>Закрыть окно</button>
</p>
</dialog>
<script>
var dialog = document.querySelector('dialog');
document.querySelector('#open').onclick = function() {
dialog.show();
}
document.querySelector('#close').onclick = function() {
dialog.close();
}
</script>
</body>
</html>Читайте также
Тег <bdi>
Определяет фрагмент текста, который должен быть изолирован от изменения направления вывода текста.
Чаще всего применяется к языкам, которые читаютс...
Тег <dfn>
Используется для выделения какого - либо термина при первом появлении на сайте.
По умолчанию выделяется курсивом....
Тег <object>
Определяет, как загружать, отображать объекты, которые не смогли подключиться к браузеру....
Тег <rt>
Добавляет аннотацию уменьшенным шрифтом сверху или снизу от текста, заключенного в контейнер ruby....