/
Вопросы и ответы
/
JavaScript
/

как добавить новую строку в javascript alert box

как добавить новую строку в javascript alert box

2 года назад

Nikolai Gagarinov

Ответы

0

Для того чтобы добавить новую строку в alert, просто вставьте \n в текст сообщения в том месте, где вы хотите сделать перенос строки. Вот пример:

alert("Это первая строка.\nЭто вторая строка.");

Полный пример:

function showAlert() {
    const message = "Добро пожаловать!\nНажмите OK, чтобы продолжить.";
    alert(message);
}

showAlert();

Использование \n будет работать во всех современных браузерах. alert не поддерживает HTML или другие форматирования, так что вы не сможете добавить, например, жирный текст или изменить цвет.

Если вам нужно больше контролировать оформление или стилизацию сообщений, вы можете рассмотреть возможность реализации собственного модального окна с помощью HTML, CSS и JavaScript, либо использовать библиотеки для всплывающих окон, такие как SweetAlert или Bootstrap Modals. Вот пример с использованием SweetAlert:

<!-- Подключите SweetAlert CSS и JS через CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>

<script>
    function showSweetAlert() {
        swal({
            title: "Добро пожаловать!",
            text: "Это первая строка.\nЭто вторая строка.",
            icon: "info",
        });
    }

    showSweetAlert();
</script>

год назад

Ivan Gagarinov

+7 800 100 22 47

бесплатно по РФ

+7 495 085 21 62

бесплатно по Москве

108813 г. Москва, вн.тер.г. поселение Московский,
г. Московский, ул. Солнечная, д. 3А, стр. 1, помещ. 20Б/3
ОГРН 1217300010476
ИНН 7325174845