В связи с переходом на новый движок... возможны сбои в работе! Простите!
Работы производятся прямо сейчас 19-05-2024! ×
Меню :
console (4)



Blog (1423)
php (330)
js (244)
html (147)
css (131)
html tags (62)
js tag (56)
jquery (42)
text (37)
js method (36)
ruweb.net (36)
js date (33)
php array (33)
form html (30)
online (29)
fonts (26)
Показать еще :
foto (22)
atom (20)
php file (20)
forum (19)
svg (18)
input (18)
hosting (17)
php date (17)
database (17)
board (16)
html book (16)
php time (16)
info (16)
mysql (15)
color (15)
js time (14)
js url (14)
img (14)
js events (14)
select (13)
osclass (13)
знак (13)
htaccess (13)
notepad (13)
dw block (12)
php path (12)
table (12)
download (12)
php img (12)
keyboard (12)
jsphp (11)
icon (11)
form (11)
js delete (10)
keyframes (10)
mouse (10)
yandex (10)
vs code (9)
dosite (9)
hover (9)
chart (9)
browser (8)
php post (7)
comment (7)
php url (7)
list (6)
click (6)
adminka (6)
iframe (6)
canvas (6)
php get (6)
mb (5)
reg.ru (5)
year (5)
js id (5)
tag a (5)
heading (5)
js math (5)
value (5)
ftp (5)
bbcode (4)
php var (4)
base64 (4)
games (4)
xml (4)
day (4)
week (4)
scandir (4)
ssl (4)
task (4)
vk (4)
symbols (4)
month (4)
pages (4)
console (4)
js form (4)
нок (4)
submit (4)
line (3)
https (3)
jquery post (3)
js post (3)
domen (3)
money (3)
numbers (3)
ucoz (3)
captcha (3)
куб (3)
js hash (3)
padding (3)
js img (3)
sitemap (2)
tag hr (2)
height (2)
typeof (2)
arrows (2)
рся (2)
google (2)
qr code (2)
seo (2)
youtube (2)
video (2)
js vars (2)
prompt (2)
counter (2)
details (2)
jino (1)
archive (1)
windows (1)
cursor (1)
speed (1)
нод (1)
rutube (1)
smile (1)
scroll (1)

Функция для вывода console.log на страницу

"Вывести консоль на страницу" - иногда нужно вывести результат не в консоль, а на страницу.

Подробно о выводе console.log на страницу:

  1. Пример вывода console.log на страницу
  2. Функция для вывода console.log на страницу

  1. Пример вывода console.log на страницу

    Для того, чтобы вывести console.log на страницу нам нужно...

    Предвосхищая... вопросы - почему так кратко... только ссылки...?

    Если вы не знаете, что это - "тема в ссылке", то дополнительный абзац о ссылке вам не поможет... Но по ссылке вы можете узнать.

    А если вы знаете - то вам не нужно объяснение и в том числе и ссылка...

    Вывод... : надо знать...wall смайлы

    Html:

    Нам нужен html:

    <p class="example">Сюда отправим result на страницу</p>
    Javascript

    Переназначим функцию "console.log"

    console._log = console.log;

    Далее... querySelector

    + класс

    + innerText

    + arguments

    Получим:

    document.querySelector('.example').innerText = arguments[0];

    Добавим apply

    И получим:

    console._log.apply(null, arguments);

  2. Функция для вывода console.log на страницу

    Соберем всю функцию для вывода console.log на страницу:

    Html:
    <p class="example">Сюда отправим result на страницу</p>

    <script>

    console._log = console.log;

    console.log = function() {

    document.querySelector('.example').innerText = arguments[0];

    console._log.apply(null, arguments);

    }

    console.log('Привет мир!');

    </script>

    Далее...

    Выведем весь вывода console.log на страницу

    : прямо здесь

    Тут по идее должен быть result

    Сама функция console.log не отключена, вы можете посмотреть в консоль есть ли что то там...

Не стесняемся говорить спасибо!
Помочь проекту DwWeb.ru

Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

Теги:
Ещё : dwweb.ru есть здесь:
ruweb
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2024 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB
Страница загружена за : 0.015332 секунд. Подробнее