Как применить стиль к методу alert и document.write?

@adlansuliman · Регистрация: 05.05.2013

Студворк — интернет-сервис помощи студентам

Подскажите как применить стиль (можно и css) к методу alert и document.write. Я знаю что можно и без функции и без js все сделать. Но мне интересно как применить стиль в этом случае.
Вот код с методов alert

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
    <head>
    <meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
    </head>
    <body>
        <script>
        function vi()
            {
                alert("Привет мир!");
            }
        </script>
        <input type=button onClick="vi()" value="Нажми">
    </body>
</html>

Вот код с document.write

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
    <head>
    <meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
    </head>
    <body>
        <script>
        function vi()
            {
                document.write("Привет мир!");
            }
        </script>
        <input type=button onClick="vi()" value="Нажми">
    </body>
</html>

Если необходимо, вот простой css

CSS
1
2
3
4
sss {
    color: red;
    font-size: 25
};

@kalabuni · 12.12.2015, 04:57

1) к методу alert () никакие стили неприменимы -- его вид определяется даже не только настройками браузера, но и настройками операционной системы

2) никто не мешает вам добавить к выводимому методом write () тексту любой тег, которому можно указать любые нужные вам правила стилей
например, вместо банального document.write (text);
пропишите document.write ('<span style="color: red; font-size: 25px">' + text + '</span>');

ещё отмечу, что приведённый вами "простой css" -- он неграмотный (и будет работать только в старых версиях MSIE): ныне для всех линейных размеров необходимо указывать размерность (единицу измерения), т.е. ваш код надо переписать так:
font-size: 25px

@adlansuliman · 12.12.2015, 11:06 **[ТС]**

Про css взял на заметку, спасибо за замечание.
Про alert тоже не знал..
А вот с document.write как правильно будет написать с использованием css?

@alexsamos33 · 12.12.2015, 12:48

Сообщение от adlansuliman

Про css взял на заметку, спасибо за замечание.
Про alert тоже не знал..
А вот с document.write как правильно будет написать с использованием css?

Задать элементу класс, а потом, уже отдельно от javascript в css написать определение стилей для этого класса.

HTML5
1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
document.write('<span class="txtwrite">Это наш текст</span>');
</script>
 
<style type="text/css">
.txtwrite {
    color: red;
    font: 20pt Arial;
    text-align: center;
}
</style>

@adlansuliman · 12.12.2015, 13:43 **[ТС]**

Надеюсь я верно вас понял. Вот что написал, где я ошибся -_-

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
    <head>
    <meta charset="UTF-8">
<link rel="stylesheet" href="style.css" type="text/css">
    </head>
    <body>
        <script type="text/javascript">
        function vi()
            {
                document.write('<span class="primer">'+"текст"+'</span>');
            }
        </script>
        <input type=button onClick="vi()" value="Нажми">
    </body>
</html>

CSS
1
2
3
.primer {color: red;
font: 14pt; 
}

@alexsamos33 · 12.12.2015, 14:07

Сообщение от adlansuliman

Надеюсь я верно вас понял. Вот что написал, где я ошибся -_-

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
    <head>
    <meta charset="UTF-8">
<link rel="stylesheet" href="style.css" type="text/css">
    </head>
    <body>
        <script type="text/javascript">
        function vi()
            {
                document.write('<span class="primer">'+"текст"+'</span>');
            }
        </script>
        <input type=button onClick="vi()" value="Нажми">
    </body>
</html>

CSS
1
2
3
.primer {color: red;
font: 14pt; 
}

Да нельзя write использовать после загрузки страницы!
Почитайте Метод document.write.
Используйте innerHTML, например так:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
    <head>
    <meta charset="UTF-8">
<link rel="stylesheet" href="style.css" type="text/css">
    </head>
    <body>
    <div id="elem1"></div>
        <script type="text/javascript">
        function vi()
            {
                document.getElementById('elem1').innerHTML = '<span class="primer">'+"текст"+'</span>';
            }
        </script>
        <input type=button onClick="vi()" value="Нажми">
    </body>
</html>

Новые блоги и статьи Все статьи Все блоги /
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .

Как применить стиль к методу alert и document.write?

Решение

Решение

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	12.12.2015, 04:57
	Сообщение было отмечено adlansuliman как решение Решение 1) к методу alert () никакие стили неприменимы -- его вид определяется даже не только настройками браузера, но и настройками операционной системы 2) никто не мешает вам добавить к выводимому методом write () тексту любой тег, которому можно указать любые нужные вам правила стилей например, вместо банального document.write (text); пропишите document.write ('<span style="color: red; font-size: 25px">' + text + '</span>'); ещё отмечу, что приведённый вами "простой css" -- он неграмотный (и будет работать только в старых версиях MSIE): ныне для всех линейных размеров необходимо указывать размерность (единицу измерения), т.е. ваш код надо переписать так: font-size: 25px 1

@adlansuliman 0 / 0 / 0 Регистрация: 05.05.2013 Сообщений: 189
	12.12.2015, 11:06 [ТС]
	Про css взял на заметку, спасибо за замечание. Про alert тоже не знал.. А вот с document.write как правильно будет написать с использованием css? 0