Как заменить текст на сайте (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 , Вебмастеру