24 січня 2023 р.

Альтернатива document.write()


    Розглянемо пару альтернативних варіантів методу document.write(), які можна використовувати для виводу текстової інформації на екран.
    Незважаючи на те, що ще чимало програмістів використовують для виводу тексту на екран метод document.write(), у тому числі і я у попередній публікації використав цей метод для демонстрації прикладу, прийшов час знайти достойну альтернативу цьому методу і на це є вагомі аргументи, які ми розглянемо нижче.

    Метод document.write() стає поганим тоном програмування.

    Станом на сьогодні до використання методу document.write() ставляться несхвально  більшість авторитетних джерел.

    MDN Web Docs радить уникати використання document.write().

    Уникайте використання document.write()— і, якщо можливо, оновіть будь-який існуючий код, який все ще використовує його.

    Також MDN Web Docs робить кілька приміток що до цього методу.
    MDN Web Docs робить кілька приміток щодо методу document.write()

    W3schools  має теж певні застереження щодо використання методу document.write().

    Застереження від W3schools  щодо використання методу document.write().

    Альтернатива document.write().

    Ми розглянемо дві альтернативні властивості, за допомогою яких можна виводити текст - innerHTML та textContent.
    Властивість textContent вже зустрічалася нам в одній з попередніх публікацій.

    Приклади застоcування властивостей innerHTML та textContent:

    Варіант 1 - з використанням змінних

    Що ми бачимо ув прикладі вище?
    • З innerHTML вміст виводиться "як HTML", HTML-теги працюють і за потреби змінюють вигляд тексту. 
    • З textContent вміст виходить «як текст», всі символи трактуються буквально, в тому числі HTML-теги виводяться як текст.
    Властивість textContent має кращу продуктивність, оскільки його значення не аналізується як HTML.

    2 Варіант коду застоcування властивостей innerHTML та textContent:

    Без використання змінних:

    Звичайно, що можливі і інші варіанти виводу текстової інформації на екран, але варто звернути увагу саме на ці два варіанти, які ми розглянули у даній публікації.

    Використані джерела:

     
    З повагою, Юрій Чернієвський! Керівник гуртка "WEB-Miditaur" науково – технічного напряму «WEB технології» ЦДЮТ Краснопільської селищної ради. Бакалавр, прикладна математика за спеціальним напрямом інформатика, Спеціаліст - інформатика, математик - програміст.

    Мої побажання
    вихованцям
    Будь допитливим, досліджуй глибини понять, адже лише це і допомагає розвиватися! На цьому сайті формується сприятливий простір для вивчення web. Рівень твого самостійного заглиблення в певні питання сьогодні будуть відповідати рівню твоєї компетенції з даного питання в майбутньому. Єдиним фактором, який має значення, є твоя власна здатність і бажання вчитися. Немає сенсу порівнювати свій прогрес з іншими, оскільки цей досвід здебільшого суб’єктивний. Поділіться посиланням у соціальних мережах за допомогою кнопок, розміщених нижче та підпишіться на блог, щоб першими отримувати нові публікації корисного навчального контенту! Коментуй публікацію, пиши свої враження, залишай питання в коментарях, якщо якісь моменти з публікації залишилися не зрозумілими!

    0 Коментарів Підписатися на цей блог

    Поділитися цим