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

год назад

Nikolai Gagarinov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Для того чтобы добавить новую строку в 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>

9 месяцев назад

Ivan Gagarinov

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

1 месяц

Асинхронное программирование на JS

Навык асинхронного программирования в JavaScript: писать быстрый код, расти в грейде и успешно проходить собеседования.

Похожие вопросы