СКРИПТЫ
ТЕГИ:
php (289)
js (169)
html (139)
css (120)
html tags (61)
jquery (40)
text (37)
php array (30)
form html (30)
fonts (27)
ruweb.net (23)
online (22)
foto (22)
Показать еще :
php file (21)
atom (20)
forum (19)
svg (18)
board (17)
hosting (17)
input (16)
js method (16)
html book (16)
php date (16)
color (15)
link (15)
js events (14)
notepad (13)
htaccess (13)
osclass (13)
select (12)
dw block (12)
path (12)
js delete (12)
table (12)
info (12)
icon (11)
img (11)
keyboard (11)
php img (11)
jsphp (11)
download (11)
php time (11)
form (11)
mouse (10)
url (10)
js time (9)
yandex (9)
dosite (7)
cookie (7)
hover (7)
comment (7)
php url (7)
task (7)
iframe (6)
js url (6)
year (6)
list (6)
browser (6)
mysql (6)
click (6)
php get (5)
search (5)
heading (5)
ftp (5)
value (5)
mb (5)
js id (5)
adminka (5)
chart (5)
day (4)
mounth (4)
reg.ru (4)
week (4)
js form (4)
submit (4)
bbcode (4)
symbols (4)
vk (4)
captcha (4)
console (4)
нок (4)
padding (3)
js post (3)
js img (3)
vs code (3)
ucoz (3)
куб (3)
base64 (3)
scandir (3)
line (3)
ssl (3)
pages (3)
https (3)
js vars (2)
video (2)
youtube (2)
seo (2)
details (2)
title (2)
sitemap (2)
tag hr (2)
cursor (2)
prompt (2)
qr kod (2)
typeof (2)
height (2)
second (2)
рся (2)
money (2)
arrows (2)
counter (2)
books (1)
smile (1)
google (1)
windows (1)
archive (1)
domen (1)
speed (1)
нод (1)
header (1)
scroll (1)
numbers (1)

Как поменять, получить содержание description через javascript примеры

Как изменить description, поменять/получить description через js на странице - сегодня этим и займемся!

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

Сделаем живой пример с кнопкой и по нажатию на неё будет меняться description

Сменить description через javascript

  1. Кнопка для живого примера замены description
  2. Обратимся к description через js
  3. Скрипт замены description через javascript
  4. Как работает замена description через js
  5. Как получить содержание description через js
  6. Скачать можно здесь

  1. Кнопка для живого примера замены description

    Для того, чтобы мы смогли вживую увидеть процесс смены description прямо здесь и сейчас, нам понадобится простая кнопка button с ... пусть это будет id - это самый простой и удобный атрибут для работы с данными внутри тега :

    <button id="the_button">Нажми на меня!</button>

    Чтобы, как-то взаимодействовать с со значением description, нам нужно как-то обратиться к нему!


  2. Обратимся к description через js

    У нас есть отдельная страница как обратиться к тегу, у нас это тег: meta и атрибуту name со значением description.

    Выберем более универсальный способ, который мне нравится больше других это -> querySelector.

    Берем querySelector и внутрь мы можем поместить множество вариаций:

    document.querySelector("здесь тег id class")

    Выберем вот такой способ:

    the_description = document.querySelector("meta[name="description"]");

    Но это ещё не все... мы только обратились к тегу! Далее нам понадобится движение и замена данных description

    onclick + setAttribute

    Далее нам понадобится setAttribute и соединим это с onclick

    document.querySelector('#the_button').onclick = function (){ the_description.setAttribute("content", "Привет мир "); }


  3. Скрипт замены description через javascript

    Нам осталось полностью собрать, все то, о чем мы рассказывали эту целую страницу! У нас получился живой скрипт для

    замены description прямо здесь и сейчас:

    <button id="the_button">Нажми на меня!</button>

    <script>

    the_description = document.querySelector("meta[name="description"]");

    document.querySelector('#the_button').onclick = function (){ the_description.setAttribute("content", "Привет мир "); }

    </script>


  4. Как работает замена description через js

    Вам придется открыть код, но не ctrl + U, а например в хроме или Яндекс браузере - F12, в других
    браузерах ПКМ - по странице - и в выпавшем окне исследовать элемент - или похожее - ищем на самом верху meta со значением description и нажимаем на ниже идущую кнопку...

    Когда вы открыли код с помощью исследовать элемент, мы должны найти description, как видим внутри есть какое-то описание! Теперь возвращаемся к выше приведенной кнопке и нажимаем её! И видим результат, что наш description изменился!

    Эту картинку, скриншот, можно увеличить в отдельном окне нажмите по нему!Как работает замена  description через js


  5. Как получить содержание description через js

    Для того, чтобы получить содержание атрибута description через javascript нам опять потребуется кнопка:
    <button id="the_button1">Получи содержимое атрибута description</button>

    Ничего нет оригинальнее, как обращение к тегу description:

    <script>the_description = document.querySelector('meta[name="description"]'); </script>

    И последнее... нам остается вывести с помощью alert, что мы смогли получить из атрибута description:

    <script>the_button1.onclick = function (){ console.log(the_description.content ) ; } </script>

    Соберем код, который сможет получить содержание из content по атрибуту description:

    <button id="the_button1">Получи содержимое атрибута description</button>

    <script>the_description = document.querySelector('meta[name="description"]'); </script>

    <script>the_button1.onclick = function (){ alert(the_description.content ) ; } </script>

    Пример живого получения содержания content по атрибуту description:

    Для того, чтобы получить content по атрибуту description - просто нажмите по кнопке -> Получи содержимое атрибута description

Можете не благодарить, лучше помогите!
Название скрипта :Изменить description js
Ссылка на скачивание : Все скрипты на одной странице
Теги :
описание Изменить description через js
как получить description js
jscript изменить значение description
Комментариев : 4 COMMENTS+   BBcode
Подписаться + =

скопировать ссылку пожаловаться
02.06.2022 14:33 Михаил
А зачем менять дескрипшн, если поисковый робот его уже считал при загрузке страницы, а вы его потом скриптом поменяли, но роботу уже это ничему
ответить
скопировать ссылку пожаловаться
02.06.2022 15:59 Марат Михаил
Чтобы вы зашли на данную страницу и нажали на рекламу!
ответить
скопировать ссылку пожаловаться
02.06.2022 20:10 Михаил Марат
Ну вот только для этого может быть :)
А так, нет смысла
ответить
скопировать ссылку пожаловаться
02.06.2022 20:14 Марат Михаил ответить

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
На отдельной : странице.
Последние комментарии :
Марат :
16.09.2022 14:58
Спасибо, что заметили! Действительно там он не…
подробнее.
Сергей Fortoo :
16.09.2022 13:37
unset ($price[$key]); Убить старый ключ нужно когда переименование ключа происходит в первоначальном массиве, а в…
подробнее.
Марат :
07.07.2022 13:02
Вам спасибо, что оценили! На ваш вопрос в одной строчке не ответишь, поэтому для вас отдельный пункт…
подробнее.
Борис :
07.07.2022 10:41
Спасибо за статью! Подскажите, пожалуйста, как сделать, чтобы файл создавался по имени из формы? Есть тест,…
подробнее.
вывы :
05.06.2022 12:32
сейчас яндекс добавил индексацию js в…
подробнее.
Марат :
02.06.2022 20:14
ruweb
Страница загружена за : 0.021993 секунд. Подробнее