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

Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
22 декабря 2024

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