Сышышь ты, выходи сюда,
поговорим !

Как заменить текст на сайте (JavaScript)

Опубликовано: 06.09.2018

В сегодняшней своей статье я расскажу о полезной возможности замены фрагмента текста на сайте . Также этим способом можно заменить всего лишь одно или несколько слов в тексте.

Вы спросите, когда эта возможность может стать вам полезной? Вот, например, у вас на сайте есть предложение или слово, которое вы бы хотели заменить. Скажем, было «Контактные данные», а хотите «С нами можно связаться». Чтобы сделать замену, эту фразу нужно найти в коде, но для этого необходимо уметь разбираться в коде, а не каждый сайтовладелец умеет разбираться в коде.

Так вот, если кода сайта для вас – это непроходимые африканские джунгли, то с помощью этого метода вы самостоятельно сможете заменить любое слово или фразу на страницах сайта!

Весь секрет в маленьком скрипте на JavaScript, который может автоматически менять текст на сайте. Сразу замечу важный нюанс: если слово, подлежащее замене, в тексте встречается несколько раз, то скрипт сможет заменить только самое первое.

Пробуем.

Задача:

У меня есть текст:

Привет, читатели блога BlogGood.ru!

Мне нужно заменить слово «Привет» на «Здравствуйте» и «BlogGood.ru» на «StepkinBlog.ru».

Решение:

Воспользуемся вот таким JavaScript скриптом для замены текста:

<script type="text/javascript"> document.body.innerHTML = document.body.innerHTML.replace('Текст на сайте, который нужно заменить', 'Новый текст'); </script>

Настройки скрипта:

« Текст на сайте, который нужно заменить » - вставляем слово « Привет »

« Новый текст »- вставляем слово « Здравствуйте ».

Скрипт нужно вставить внизу сайта.

Вот полный пример:

<html> <head> <title>Как заменить текст на сайте (JavaScript) - BlogGood.ru</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> Привет, читатели блога BlogGood.ru! <br> Привет, читатели блога BlogGood.ru! </body> </html> <script type="text/javascript"> document.body.innerHTML = document.body.innerHTML.replace('Привет', 'Здравствуйте'); document.body.innerHTML = document.body.innerHTML.replace('BlogGood.ru', 'StepkinBlog.ru'); </script>

Результат:

Здравствуйте, читатели блога StepkinBlog.ru! 

Привет, читатели блога BlogGood.ru!

Если в тесте нужно заменить несколько слов на веб-странице, а не только самое первое, пропишите скрипт вот так:

<html> <head> <title>Как заменить текст на сайте (JavaScript) - BlogGood.ru</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> Привет, читатели блога BlogGood.ru! <br> Привет, читатели блога BlogGood.ru! </body> </html> <script type="text/javascript"> document.body.innerHTML = document.body.innerHTML.replace(/Привет/g, 'Здравствуйте'); document.body.innerHTML = document.body.innerHTML.replace(/BlogGood.ru/g, 'StepkinBlog.ru'); </script>

Результат:

Здравствуйте, читатели блога StepkinBlog.ru! 

Здравствуйте, читатели блога StepkinBlog.ru!

Если вы затруднитесь найти элемент, который я добавил в скрипте, чтобы замена была на всей веб-странице, то пишите – я объясню. Вот такие чудеса умеет творить JavaScript!

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Последние новости категории:

Похожие статьи

Популярные статьи:

Добавить комментарий

Метки: javascript , Вебмастеру

rss